【chrome调试】使用chrome调试已发布页面的文件代码


让这个脚本跑了一晚上,并顺便水了一个视频,骗了两个硬币。
熬了一整夜剧都没掉下去

已经编译上线的代码,在需要进行浏览器调试的时候,改文件会相当不方便,有时候只是改一些小条件也需要繁杂的操作,并且浏览器一刷新就又要重新改。

为了解决这个问题,可以使用chrome的snippets调试已发布页面的文件,通过拦截network

  1. 打开sources - Snippets


2. 点击Select folder for overrides,选择一个文件夹,用于存储需要调试的在线文件。


3. 上方点击“允许”,可以看见文件夹就显示在Overrides里了。



4. 比如在google首页,打开network,随便选择一张图,右键 - Save for Overrides

5. 回到source,就可以在你的文件夹中看见这张图了

6. 现在可以把它替换成其他logo,比如百度

7. 也可以去调试代码,搞些有意思的小事情~
比如很久之前有段时间很流行的b站风叶穿行游戏,我是用这种方法改脚本自动跑的成绩

使用chrome的Snippets比较省事的是,即使刷新很多次,只要勾选了Enable Local Overrides就会一直生效,有时候本地未经过编译的代码怎么测试都没有问题,但放到线上就是有奇奇怪怪的问题,如果能调试压缩后的代码也会比较直观~我是一直很喜欢这个方法拉。