在Chrome调试器中编辑

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

当前回答

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

其他回答

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

这就是你要找的东西:

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

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

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

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

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

你可以在Chrome调试器中动态编辑javascrpit文件，在Sources选项卡下，但是如果你刷新页面，你所做的更改将会丢失，要在做更改之前暂停页面加载，你需要设置一个断点，然后重新加载页面并编辑您的更改，最后取消暂停调试器以查看更改生效。

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

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

推荐文章