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


当前回答

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

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

谢谢

其他回答

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

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

我正在寻找一种方法来更改脚本并调试新脚本。我的方法是:

在要更改和调试的脚本的第一行中设置断点。 重新加载页面,以便击中断点 粘贴新脚本并在其中设置所需的断点 Ctrl+s,页面将刷新,导致第一行中的断点被击中。 F8继续,现在你新粘贴的脚本替换原来的一个,只要没有重定向和重新加载。

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

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

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

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