0
点赞
收藏
分享

微信扫一扫

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

抛出问题 前端js报错

浏览器加载了服务器上的一个js代码
拦截浏览器从服务器后台加载的js 文件 替换为本地js文件 方便调试线上前端bug_加载
其中这一行 jquery获取整个页面的元素 并获取最大的 z-index值
由于页面元素过多 导致 js Uncaught RangeError: Maximum call stack size exceeded
未捕获范围错误:超过最大调用堆栈大小 异常
拦截浏览器从服务器后台加载的js 文件 替换为本地js文件 方便调试线上前端bug_服务器_02

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

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

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

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

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

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

二、使用方式

下图为解压后文件内容
拦截浏览器从服务器后台加载的js 文件 替换为本地js文件 方便调试线上前端bug_js代码_05

script.js内容如下
拦截浏览器从服务器后台加载的js 文件 替换为本地js文件 方便调试线上前端bug_服务器_06

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


举报

相关推荐

0 条评论