你如何在浏览器中编辑Javascript？

我正在寻找一种在浏览器中编辑JavaScript的方法,例如Firefox,并且可以执行它.Firebug允许我们动态编辑HTML和CSS,但JavaScript很痛苦.我必须回到源头并修改它.

我不明白为什么浏览器开发人员工具不允许编辑.有办法吗？

[更新]:2015年标注了新答案

快速指针:

IE现在提供了最好的开发/调试体验之一

Chrome在编写javaScript时提供了IntelliSense,这很酷

FF的工作方式与2010年相同..!

可以使用所有三个(Firefox,Internet Explorer和Chrome)浏览器控制台来更新现有功能:假设我有一个a()用来做console.log('a')的功能,我可以去控制台,重新定义功能a()为alert('a')并再次执行它以查看警报框.

当我在2010年提出这个问题时,浏览器在调试JavaScript方面并不是那么出色,而且我可能还没有意识到可以动态替换一个函数.

在Chrome中:打开Chrome DevTools - > Sources面板,在左侧导航栏中浏览,或按Ctrl+ O打开页面中包含的文件.

然后你可以编辑文件并按Ctrl+ S保存更改,看看新代码会发生什么.我通常在断点的帮助下做到这一点.

如果您正在调试并希望将更改保存到本地文件系统,则可以右键单击导航,然后选择" 将文件夹添加到工作区:

在这种情况下,如果您在DevTools中保存更改,则文件系统中的相关文件也将更新.

例如,我将一个文件夹添加到工作区,其中有一个1.js:

然后我在DevTools中编辑JS文件,更改立即在本地文件系统中更新:

当然,我发现Execute JS(对于firefox)有时会有所帮助,我认为这正是你要找的:

https://addons.mozilla.org/en-US/firefox/addon/1729

它允许您查看和修改页面上的Javascript.

Chrome有一个非常强大的功能,可以对JS代码进行更改.你基本上设置了一些断点,一旦命中你就按你的意愿编辑JS.更多信息和演示 - 保罗爱尔兰修复了破页.

如果是FF,您可以使用Developer Edition:

JavaScript调试器 停止,单步执行,检查和修改页面中运行的JavaScript.