使用chrome ABC JS-CSS Injector插件，劫持网页js文件改写调试

通过保存网站JS文件，然后阻止源本该访问的JS文件，通过ABC JS-CSS Injector讲需要访问的JS转到本地的JS，进行劫持，就可以进行修改调试

1.需要插件：ABC JS-CSS Injector

 

 

 

设置Title和Domain， 配置使用一下代码：

其中：http://127.0.0.1:5500/********.js，即对于拦截的请求，指向到这个网址上

function loadJS( url, callback ){

    var script = document.createElement('script'),

        fn = callback || function(){};

    script.type = 'text/javascript';



    //IE

    if(script.readyState){

        script.onreadystatechange = function(){

            if( script.readyState == 'loaded' || script.readyState == 'complete' ){

                script.onreadystatechange = null;

                fn();

            }

        };

    }else{

        //其他浏览器

        script.onload = function(){

            fn();

        };

    }

    script.src = url;

    document.getElementsByTagName('head')[0].appendChild(script);

}



//用法

loadJS('http://127.0.0.1:5500/********.js',function(){

    console.log('3d viewer loaded')

});

 

2. 构建本地可访问的JS地址http://127.0.0.1:5500/********.js：

使用Vscode或者其他文件服务器都可以，我这里用Vscode插件Live service

 

 

3. 在chrome中阻止需要劫持的js请求

 

 

这样一来，遇到被阻止的js文件，就会通过ABC JS-CSS Injector去访问拿到我们本地的js