我如何在Chrome调试器中“动态”编辑JavaScript代码?它不适合我,所以我没有权限访问源文件。我想编辑代码,看看它们对页面有什么影响,在这种情况下,阻止动画排队一堆次。
当前回答
Chrome覆盖
在sources面板中打开JS文件。
右击脚本src URL >显示在源代码面板
确保选中“启用本地覆盖”。
右键单击JS文件>保存覆盖的任何地方
都准备好了!
只需编辑文件,并使用CMD/CTRL + s保存。现在无论何时刷新页面,它都会使用修改后的文件。(只要文件名不变)
如果您在文件图标中看到一个紫色的点,您就知道它正在工作。
其他回答
Chrome覆盖
在sources面板中打开JS文件。
右击脚本src URL >显示在源代码面板
确保选中“启用本地覆盖”。
右键单击JS文件>保存覆盖的任何地方
都准备好了!
只需编辑文件,并使用CMD/CTRL + s保存。现在无论何时刷新页面,它都会使用修改后的文件。(只要文件名不变)
如果您在文件图标中看到一个紫色的点,您就知道它正在工作。
下面是我在chrome中编写的js调试器的温和介绍。也许它会帮助其他人寻找这方面的信息:http://meeech.amihod.com/getting-started-with-javascript-debugging-in-chrome/
这就是你要找的东西:
1.—进入“Source”页签,打开javascript文件
2.-编辑文件,右键单击,弹出菜单:单击“保存”,保存到本地。
为了查看差异或恢复您的更改,右键单击并选择选项“本地修改…”菜单上的。如果展开显示的时间戳,您将看到您的更改相对于原始文件有所不同。
更多详细信息请访问:http://www.sitepoint.com/edit-source-files-in-chrome/
你可以在Chrome调试器中动态编辑javascrpit文件,在Sources选项卡下,但是如果你刷新页面,你所做的更改将会丢失,要在做更改之前暂停页面加载,你需要设置一个断点,然后重新加载页面并编辑您的更改,最后取消暂停调试器以查看更改生效。
我今天偶然发现了这个,当时我正在浏览别人的网站。
我意识到我可以在我想动态编辑的代码行之前,在调试器中附加一个断点。由于断点在重新加载页面后仍然存在,所以我可以在断点暂停时编辑我想要的更改,然后继续让页面加载。
所以作为一个快速的解决方法,如果它适合你的情况:
在脚本中较早的位置添加断点 重新加载页面 将更改编辑到代码中 CTRL + s(保存更改) 取消暂停调试器
推荐文章
- 输入触发器按钮单击
- 获取对象的属性名
- 如何检查用户是否可以回到浏览器历史
- 相当于字符串。jQuery格式
- 调试器是如何工作的?
- 如何在vue-cli项目中更改端口号
- Angular 2模板中的标签是什么意思?
- JavaScript .includes()方法的多个条件
- 窗口。亲近与自我。close不关闭Chrome中的窗口
- 同步和异步编程(在node.js中)的区别是什么?
- 在d3.js中调整窗口大小时调整svg的大小
- 如何将两个字符串相加,就好像它们是数字一样?
- 绑定多个事件到一个监听器(没有JQuery)?
- 在JavaScript中将JSON字符串解析为特定对象原型
- 将字符串“true”/“false”转换为布尔值