你如何在浏览器中编辑Javascript？
我一直在寻找一种方法来在浏览器（如Firefox）中即时编辑JavaScript并执行它。 Firebug允许我们即时编辑HTML和CSS，但JavaScript是一种痛苦。 我必须回到源代码并修改它。
我不明白为什么浏览器开发工具不允许编辑。 有没有办法做到这一点？
[更新]：在2015年标出新的答案
快速指针：
- IE现在提供了最好的开发/debugging体验之一
- Chrome在编写javaScript时提供了智能感知，这很酷
- FF的工作原理与2010年一样。
可以使用全部三种（Firefox，Internet Explorer和Chrome）浏览器控制台来更新现有function：假设我有一个用于执行console.log（'a'）的函数a() ），我可以去控制台，重新定义函数a()作为alert('a')并再次执行以查看警报框。
当我在2010年问过这个问题的时候，浏览器在debuggingJavaScript时并不是那么好，而且我可能不知道一个函数可以被replace。
在Chrome中 ：打开Chrome DevTools – > Sources面板，浏览左侧导航栏，或按Ctrl + O打开页面中包含的文件。
然后，您可以编辑文件并按下Ctrl + S来保存更改，并查看新代码会发生什么情况。 我通常在断点的帮助下做到这一点 。
如果您正在debugging并希望将更改保存到本地文件系统，则可以右键单击导航，然后select将文件夹添加到工作区 ：
在这种情况下，如果您将更改保存在DevTools中，则文件系统中的相关文件也将被更新。
例如，我添加一个文件夹到工作区，其中有一个1.js ：
然后，我在DevTools中编辑JS文件，立即在本地文件系统中更新该更改：
当然，我发现执行JS（对于Firefox）有时是有帮助的，我想这就是你要找的东西：
https://addons.mozilla.org/en-US/firefox/addon/1729
它可以让你查看和修改你的网页上的Javascript。
Chrome对JS代码进行更改具有相当强大的function。 你基本上设置了一些断点，一旦打你编辑JS的意愿。 更多信息和演示 – 保罗爱尔兰修复了一个破碎的页面。
在FF的情况下，你可以使用开发版 ：
JavaScriptdebugging器停止，浏览，检查和修改在页面中运行的JavaScript。
Chrome提供了一个很好的工具来编辑浏览器中的JavaScript
第一步：启动开发工具Open Chrome，从本地文件系统/服务器加载一个页面，然后从工具菜单中打开开发工具，或者按Ctrl + Shift + I / Cmd + Shift + I。 导航到“源”选项卡，然后单击“源”图标或按Ctrl + OselectJavaScript文件
setp2：编辑您现在可以直接跳转并编辑您的代码。 Chrome还提供了一个有用的function列表来帮助您find正确的线路 – 请按Ctrl + Shift + O / Cmd + Shift + O
第三步：保存按Ctrl + S / Cmd + S保存您的更改。 这将更新内存中的文件并立即应用更改。 请注意，代码不会再次启动，因此对初始化variables的更改不会受到影响 。
要将更改保存到原始文件，请右键单击编辑器并select“ 保存”或“另存为 …”。 一旦完成，您可以刷新页面，脚本将重新启动
第4步：撤消更新是否导致问题？ 用鼠标右键单击该编辑器，然后select本地修改…。 下部窗格显示所有最近的更改，并允许您恢复。
Firefox提供了另一个在浏览器中编辑javascript的工具
setp1：启动便签本要打开便签本窗口，请按Shift F4或进入Web Developer菜单（这是OS X和Linux上Tools菜单的子菜单），然后select便签本。 这将打开一个Scratchpad编辑器窗口。 从那里你可以立即开始写一些JavaScript代码来尝试。
步骤2：编辑“文件”菜单提供了用于保存和加载JavaScript代码片段的选项，以便您可以稍后重新使用代码。代码完成和types信息仅在Firefox 32及更高版本中可用。 要列出自动填充build议，请按Ctrl空间。 要显示popup窗口，请按下Firefox 32中的Shift Space或Firefox 33+中的Ctrl Shift Space。
第三步：执行一旦你写了你的代码，select你想要运行的代码。 如果你不select任何东西，窗口中的所有代码都将被运行。 然后select您希望代码运行的方式，使用顶部的button，使用“执行”菜单或使用上下文菜单。 代码在当前选中的选项卡的范围内执行。 你在函数之外声明的任何variables都将被添加到该选项卡的全局对象中。
有四个执行选项可用。
- 跑
- 检查
- 显示
- 重新加载并运行
要在浏览器中创build/编辑javascript，我会使用firebug （firefox的插件）或内置的firefox开发工具栏（最好与firefox的开发者版本一起使用）。
既然你的赏金评论是要求修复一个破损的网站，我会使用上述工具来创build一个JS片段，修复你的问题。 之后，我不想每次都在开发人员工具栏中执行代码。
所以…一旦你创build了这个JS代码片段来修复你的网站，你可以使用GreaseMonkey （插件）在每次访问时执行网站修复脚本。 这样，您可以正常使用该网站，并不需要手动执行每页加载。
这在Firefox OTB目前是不可能的。 请参阅错误737743和486546 。
参考@ artur-grzesiak ，“停止，通过，审查和修改”似乎是指variables
在Developer Tool的chrome版本42.0.2311中，通过点击控制台，你可以得到你可以编辑javascript的窗口，按下回车后可以在浏览器中看到它的效果。
在Mozilla版本37.0.1之后，通过点击控制台打开开发者工具，在工具窗口右侧编辑你的java脚本代码，完成编辑后点击运行，在浏览器中testing你的java脚本代码。
