我如何在Chrome调试器中“动态”编辑JavaScript代码?它不适合我,所以我没有权限访问源文件。我想编辑代码,看看它们对页面有什么影响,在这种情况下,阻止动画排队一堆次。


当前回答

就像@mark的回答一样,我们可以在Chrome DevTools中创建一个snippet,来覆盖默认的JavaScript。最后,我们可以看到他们对页面的影响。

其他回答

很简单,转到“脚本”选项卡。然后选择你想要的源文件,双击任意一行进行编辑。

下面是我在chrome中编写的js调试器的温和介绍。也许它会帮助其他人寻找这方面的信息:http://meeech.amihod.com/getting-started-with-javascript-debugging-in-chrome/

你可以在Chrome调试器中动态编辑javascrpit文件,在Sources选项卡下,但是如果你刷新页面,你所做的更改将会丢失,要在做更改之前暂停页面加载,你需要设置一个断点,然后重新加载页面并编辑您的更改,最后取消暂停调试器以查看更改生效。

如果它的javascript运行在一个按钮点击,然后在Sources>Sources(在chrome开发人员工具中)下进行更改,并按Ctrl +S保存,就足够了。我一直都这么做。

如果你刷新页面,你的javascript更改会消失,但chrome仍然会记住你的断点。

你可以在Chrome开发者工具的“脚本”选项卡下使用内置的JavaScript调试器(在后来的版本中是“源代码”选项卡),但是你应用到代码上的更改只在执行时经过它们时才会显示出来。这意味着对页面加载后未运行的代码的更改不会产生影响。不像对驻留在鼠标悬停处理程序中的代码的更改,您可以在运行中测试。

有一个视频从谷歌I/O 2010事件介绍Chrome开发工具的其他功能。