如何在 Chrome 调试器中“动态”编辑 JavaScript 代码？它不适合我，所以我无权访问源文件。我想编辑代码并查看它们对页面的影响，在这种情况下，阻止动画多次排队。
在 Chrome 调试器中编辑
IT技术
javascript
google-chrome
debugging
2021-01-24 20:20:44
6个回答
我今天在玩别人的网站时遇到了这个问题。
我意识到我可以在调试器中的断点附加到我想要动态编辑的代码行之前。由于断点在重新加载页面后仍然存在，因此我能够在断点处暂停时编辑我想要的更改，然后继续让页面加载。
因此，作为快速解决方法，如果它适用于您的情况：
- 在脚本中较早的点添加断点
- 重新加载页面
- 将您的更改编辑到代码中
- CTRL+ s（保存更改）
- 取消暂停调试器
您可以使用 Chrome 开发者工具中“脚本”选项卡下的内置 JavaScript 调试器（在更高版本中为“源”选项卡），但您对代码应用的更改仅在执行通过它们时表达。这意味着对页面加载后未运行的代码所做的更改不会产生影响。与例如更改驻留在鼠标悬停处理程序中的代码不同，您可以即时测试这些代码。
有一段来自 Google I/O 2010 活动的视频介绍了 Chrome 开发者工具的其他功能。
您可以使用 Chrome 中的“覆盖”在页面加载之间保持 javascript 更改，即使您没有托管原始源。
- 在 Developer Tools > Sources > Overrides 下创建一个文件夹
- Chrome 会要求对该文件夹的权限，点击允许
- 在 Sources>Page 中编辑文件，然后保存 (ctrl-s)。紫色圆点表示文件保存在本地。
这就是你要找的：
1.- 导航到“源”选项卡并打开 javascript 文件
2.- 编辑文件，右键单击它，将出现一个菜单：单击保存并将其保存在本地。
为了查看差异或恢复您的更改，请右键单击并从菜单中选择本地修改...选项。如果展开显示的时间戳，您将看到相对于原始文件的更改差异。
更详细的信息在这里：http : //www.sitepoint.com/edit-source-files-in-chrome/
很简单，转到“脚本”选项卡。并选择您想要的源文件并双击任意行进行编辑。