解决stackoverflow无法正常使用的问题

访问StackOverflow时顶部有报错

StackOverflow的官网在国内可以正常访问，但是网站使用的jquery是引用自google域名的，由于众所周知的原因，google域名提供的资源是无法访问的，所以网页报了这个错误

解决思路

通过替换的方法，将jQuery的引用地址替换为一个可以访问的地址，就可以解决问题

但是总不能每次打开网页都要手动使用F12打开开发者工具修改网页

于是可以借助浏览器插件“Tampermonkey（油猴）”实现自动替换

步骤

1. 使用Firefox（火狐浏览器）或者Edge浏览器

   为什么不使用Chrome，因为Chrome安装插件需要梯子，或者安装离线插件，过于麻烦

2. 在浏览器中提供的插件商店搜索“Tampermonkey”

3. 安装完之后新建脚本

   

4. 编写脚本内容

       // 创建script节点
       function createScriptElement(_src) {
           var element = document.createElement("script");
           element.src = _src;
           return element;
       }
   
       // 替换网站jquery引用
       function replaceScripts(){
           var scripts = document.querySelectorAll('script');
           console.log("遍历script引用");
           scripts.forEach((item,index)=>{
               // console.log(index,item);
               // 匹配jquery应用
               let matches = item.src.match(/jquery\/([\d\.]+)\/jquery.min.js/);
               if(matches){
                   let version = matches[1];
                   let src = 'https://cdn.bootcss.com/jquery/' + version + '/jquery.min.js';
                   item.parentNode.replaceChild(createScriptElement(src), item);
                   console.log("google jquery ", item);
                   console.log('replaced google jquery with ', src);
               }
           })
       }
       // 调用
       replaceScripts();
   

   如图：

   

5. 修改脚本运行时期

   脚本需要在网页渲染之前执行，提前把jQuery的应用地址替换掉，所以需要调整为网页开始加载的第一时间运行