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


当前回答

这就是你要找的东西:

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

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

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

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

其他回答

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

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

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

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

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/