我该如何在Chrome调试器中“动态”编辑JavaScript代码?由于不是我的代码,因此我无法访问源文件。我想编辑代码并查看它们对页面的影响,以此停止一个动画被排队多次。
我该如何在Chrome调试器中“动态”编辑JavaScript代码?由于不是我的代码,因此我无法访问源文件。我想编辑代码并查看它们对页面的影响,以此停止一个动画被排队多次。
今天我在玩别人的网站时发现了这个问题。
我意识到我可以在调试器中将断点附加到要动态编辑的代码行之前。由于断点在页面重新加载后仍然存在,因此我能够在断点暂停时编辑所需的更改,然后继续让页面加载。
因此,如果你的情况适用,请使用以下快速解决方法:
<script src="js file"
>右键单击>"在源面板中显示"。然后从那里,在JS文件的任何位置右键单击>"保存用于覆盖"。 - Chris Hayes这就是你要找的内容:
1.- 导航到源选项卡并打开javascript文件
2.- 编辑文件,右键单击它将弹出菜单:点击保存并将其保存到本地。
若要查看差异或还原更改,请右键单击并从菜单中选择本地修改选项。如果展开所显示的时间戳,您将看到相对于原始文件的更改差异。
更详细的信息请参见:http://www.sitepoint.com/edit-source-files-in-chrome/
非常简单,进入“脚本”选项卡。选择您想要的源文件,双击任何一行以进行编辑。
和@mark的回答一样,我们可以在Chrome DevTools中创建代码片段,来覆盖
默认的JavaScript。最后,我们可以看到它们对页面产生的影响。
如果是在按钮点击事件上运行的javascript代码,那么只需要在Chrome开发者工具的Sources>Sources下进行更改,然后按下Ctrl + S保存即可。我经常这样做。
如果您刷新页面,您的javascript更改将消失,但Chrome仍会记住您的断点。
num = 5, console.log(arguments[0], num), false
来更新并记录foo
函数内部的值。 - mems