绕过阮一峰网络日志的反广告过滤脚本

朱雀 2022-02-02 12:11 247阅读 0赞

## 声明 ##

本博客仅作技术交流。  
尊重、鼓励站长优质内容的创作。  
博主已将阮一峰的网络日志（http://www.ruanyifeng.com/blog/） 加入ABP白名单。

## 叨叨 ##

在我们浏览一些网站的时候，有的网站会自动检测用户是否开启广告过滤的插件。检测完毕后，有的站长选择弹窗提示用户将其网站加入白名单；有的则直接清走或隐藏当前博文内容，直到用户将其网站加入白名单。  
最近在浏览阮一峰的博客时，便遇到了第二种情况。

## 脚本的实现思路 ##

那么，如何绕过类似的反广告过滤的脚本…  
首先，我们查看一下这个功能是如何实现的。知己知彼，方能百战百胜。

继续查看这个js脚本的源码…

function checker() {
      var img = document.querySelector('img[src^="http://www.ruanyifeng.com/blog/images"]');
      if (img && window.getComputedStyle(img).display === 'none'){
        var sponsor = document.querySelector('.entry-sponsor');
        var prompt = document.createElement('div');
        prompt.style = 'border: 1px solid #c6c6c6;border-radius: 4px;background-color: #f5f2f0;padding: 15px; font-size: 16px;';
        prompt.innerHTML = '<p>鎮ㄤ娇鐢ㄤ簡骞垮憡鎷︽埅鍣紝瀵艰嚧鏈珯鍐呭鏃犳硶鏄剧ず銆�</p><p>璇峰皢 www.ruanyifeng.com 鍔犲叆鐧藉悕鍗曪紝瑙ｉ櫎骞垮憡灞忚斀鍚庯紝鍒锋柊椤甸潰锛岃阿璋€�</p>';
        sponsor.parentNode.replaceChild(prompt, sponsor);
        document.querySelector('#main-content').innerHTML = '';
      }
    }
    
    setTimeout(checker, 1000);

来看一下这个url（http://www.ruanyifeng.com/blog/images） 里面存放的是什么，如果我没猜错的话，是广告图片  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTAzNjcx_size_16_color_FFFFFF_t_70]  
至此，这个反广告过滤的实现思路就很清晰了：当我们加载进一篇含有广告的博文时，网站会首先加载checker.js这个脚本，脚本负责检测路径http://www.ruanyifeng.com/blog/images 中的广告图片是否被加载，如果没被加载，则清空博文内容并显示屏蔽提示。

## 绕过脚本的代码实现 ##

首先，阮一峰的博客为静态博客。  
其次，从上面的源码中我们能够发现，这个脚本有1s的延时: `setTimeout(checker, 1000);`  
OK，我们开始入手。  
打开油猴脚本，编写如下代码，直接取消所有计时器。

// ==UserScript==
    // @name         New Userscript
    // @namespace    http://tampermonkey.net/
    // @version      0.1
    // @description  try to take over the world!
    // @author       You
    // @match        http://*/*
    // @grant        none
    // ==/UserScript==
    
    (function() {
        'use strict';
    
        // Your code here...
         for(let i = 0; i < 1000; i++) {
            clearTimeout(i);
            clearInterval(i);
        }
    })();

## 绕过脚本的非代码实现 ##

checker.js脚本的正常运行，需要依托浏览器正常运行JavaScript，我们直接禁止JavaScript的运行也是可以的，不过浏览体验就差了些。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTAzNjcx_size_16_color_FFFFFF_t_70]: /images/20220202/ef773df0fdf64f679879a06e13dc0f51.png