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

声明

本博客仅作技术交流。
尊重、鼓励站长优质内容的创作。
博主已将阮一峰的网络日志（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）里面存放的是什么，如果我没猜错的话，是广告图片

至此，这个反广告过滤的实现思路就很清晰了：当我们加载进一篇含有广告的博文时，网站会首先加载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的运行也是可以的，不过浏览体验就差了些。