在Chrome调试器中编辑

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

当前回答

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

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

其他回答

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

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

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

放置断点右键单击断点并选择“编辑断点” 插入代码。使用SHIFT+ENTER创建新行。

你可以在Chrome中使用“Overrides”来保存页面加载之间的javascript更改，即使你没有托管原始源代码。

在开发人员工具> Sources > Overrides下创建一个文件夹 Chrome浏览器会请求访问该文件夹的权限，单击允许在Sources>Page中编辑文件，然后保存(ctrl-s)。紫色点表示文件保存在本地。

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

推荐文章