在Chrome调试器中编辑

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

当前回答

现在谷歌chrome引入了新功能。通过使用此功能，您可以在chrome浏览器中编辑您的代码。(永久更改代码位置)

按F12—>源标签—(右侧)—>文件系统—在其中请选择您的代码位置。然后chrome浏览器会请求你的许可，之后的代码将下沉与绿色。你可以修改你的代码，它也会反映你的代码位置(这意味着它将永久改变)

谢谢

其他回答

Chrome覆盖

在sources面板中打开JS文件。

右击脚本src URL >显示在源代码面板

确保选中“启用本地覆盖”。

右键单击JS文件>保存覆盖的任何地方

都准备好了!

只需编辑文件，并使用CMD/CTRL + s保存。现在无论何时刷新页面，它都会使用修改后的文件。(只要文件名不变)

如果您在文件图标中看到一个紫色的点，您就知道它正在工作。

Chrome DevTools有一个片段面板，你可以创建和编辑JavaScript代码，就像你会在一个编辑器，并执行它。打开DevTools，然后选择Sources面板，然后选择Snippets选项卡。

https://developers.google.com/web/tools/chrome-devtools/snippets

这就是你要找的东西:

1.—进入“Source”页签，打开javascript文件

2.-编辑文件，右键单击，弹出菜单:单击“保存”，保存到本地。

为了查看差异或恢复您的更改，右键单击并选择选项“本地修改…”菜单上的。如果展开显示的时间戳，您将看到您的更改相对于原始文件有所不同。

更多详细信息请访问:http://www.sitepoint.com/edit-source-files-in-chrome/

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

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

推荐文章