浏览器调试技巧01:overwrite

98 阅读1分钟

在做pc端开发的时候,发布到线上的代码,一般都会存在BUG,为了避免不停的发代码进行测试,可以先在线上的源码中改好,然后复制到本地,可以达到事半功倍的效果。

那么怎么实现呢?利用chorme中的Overrides(替换)功能就可以实现

一、打开chrome内核的浏览器

二、本地新建空文件夹

  1. 在自己电脑任何地方创建一个空的文件夹,比如:我在桌面上创建了一个test文件夹

image.png

三、打开控制台

关联本地空文件夹test

image.png

编辑入口1:network中进入

image.png

  1. 然后右键点击在源面板中打开

image.png

  1. 这时就会跳到源面板,这里直接可以进行输入代码进行ctrl+s保存即可

image.png 3. 本地test文件夹实时保存,后面刷新页面也会走到你的本地test里

image.png

编辑入口2:源面板中进入

image.png

然后右侧内容处,右键菜单选择替换内容,也可以实时保存到本地test文件夹里

其余同上