拦截浏览器从服务器后台加载的js 文件 替换为本地js文件 方便调试线上前端bug

抛出问题 前端js报错

浏览器加载了服务器上的一个js代码

其中这一行 jquery获取整个页面的元素 并获取最大的 z-index值
由于页面元素过多 导致 js Uncaught RangeError: Maximum call stack size exceeded
未捕获范围错误：超过最大调用堆栈大小 异常

既然已经定位到问题 想快速验证下 如果到服务器去改js代码 再验证比较麻烦

这个时候 就可以使用下面的方法来处理

需要先下载Chrome浏览器的一个插件 下载地址

下载后解压

一、Chrome浏览器 直接加载已解压的插件

二、使用方式

下图为解压后文件内容

script.js内容如下

三、把你需要调试的js代码复制到tihuan.js文件中（一般情况就是把服务器上拦截的的那个js内容复制到这里再修改你要调试的地方），刷新页面，此时你会发现，浏览器不再加载你要替换的文件了，而是加载了tihuan.js的内容
现在就可以调试js代码了，每次修改拦截地址后，需要删除插件，重新安装