我希望能够检测用户是否正在使用广告拦截软件，当他们访问我的网站。如果他们正在使用它，我想显示一条消息，要求他们关闭它以支持项目，就像这个网站一样。
如果你进入该网站，而你的浏览器启用了某种广告拦截软件，那么该网站就不会显示真正的广告，而是显示一个小横幅，告诉用户广告收入用于托管项目，他们应该考虑关闭广告拦截。
我想在我的网站上做到这一点，我正在使用adsense广告，我怎么能做到呢?
当前回答
这份文件可能会有所帮助。 这是检测广告拦截软件最有效的方法 完全免费且易于实现 https://www.detectadblock.com/
其他回答
你不需要一个额外的HTTP请求，你可以简单地计算一个假添加的高度。
顺便说一下，这里有一个完整的列表，与广告拦截器避免渲染的元素相匹配。
窗口。adBlockRunning = function() { return (getComputedStyle(document.getElementById("detect"))["display"] == "none") ?真:假; }（) console.log (window.adBlockRunning); #{检测 身高:1 px; 宽度:1 px; 位置:绝对的; 左:-999 em; 上图:-999年新兴市场 ｝ <div id="detect" class="ads AD adsbox doubleclick AD -placement carbon-ads"></div>
现在有一个更好的方法来做到这一点，使用一个简单的JS脚本，称为AdBlock检测器 下面是如何使用它: 将此添加到<head>部分:
<script type="text/javascript">
window.onload = function() {
var iframe = document.createElement('iframe'),
randomDomain = Math.floor(Math.random() * (10000 - 100 + 1)) + 100,
iframeLoaded = true;
iframe.src = "http://"+ randomDomain +".com/ads.html";
iframe.height = ".1px";
iframe.width = ".1px";
iframe.id = 'some-ad';
iframe.onload = function() {iframeLoaded = false;};
document.body.appendChild(iframe);
setTimeout(function() {
var someAd = document.getElementById('some-ad');
if(!iframeLoaded ||
someAd == null ||
someAd.style.display == "none" ||
someAd.style.display == "hidden" ||
someAd.style.visibility == "hidden" ||
someAd.offsetHeight == 0)
document.getElementById('ab-message').style.display = 'block';
someAd.remove();
}, 500);
};
</script>`<br>
现在你可以在任何地方使用ab-message id向AdBlock用户显示消息:
<div id="ab-message" style="display: none">Your message here!</div>
注意，添加内联样式来隐藏它(当然，您也可以从自己的CSS文件中这样做)。 还要注意，它需要500毫秒，这是因为它必须等待广告拦截器做它的事情，否则它不会工作。
稍微解释一下这个脚本是如何工作的
首先，它添加一个iframe，其中包含一个随机生成的链接的源。(它是随机生成的，因为一些广告块很聪明，在某个时候，他们意识到链接是假的)。 然后它对iframe执行多次检查(是否成功加载或是否修改了它的样式)。如果其中一个测试为真，它就会向adblock用户显示ab-message元素。
这个脚本适用于大多数(如果不是全部)广告拦截器。
额外的
没有一点，真的，可以只是创建一个主旨，但我创建了一个Github项目，但仍然，看看它，如果它对你有帮助的话。abDetector:简单的JavaScript AdBlock检测器。 享受。
我注意到之前的评论使用谷歌adsense作为测试对象。有些页面不使用adsense，使用adsense块作为测试并不是一个好主意。因为站长屏蔽可能会损害你的SEO。 以下是我如何通过adblocker检测简单的阻塞类的例子:
Html:
<div class="ad-placement" id="ablockercheck"></div>
<div id="ablockermsg" style="display: none"></div>
Jquery:
$(document).ready(function()
{
if(!$("#ablockercheck").is(":visible"))
{
$("#ablockermsg").text("Please disable adblocker.").show();
}
});
"ablockercheck"是adblocker阻止的ID。所以检查它，如果它是可见的，你能够检测，如果广告拦截器被打开。
我理解你的紧张，你可以检查元素是否已由脚本创建或元素被隐藏。如果我们谈论广告拦截，你只能依靠元素可见性，而不是元素存在性。
使用第三方脚本创建的元素永远不会出现，如果脚本目前无法访问(DNS错误，远程web服务器错误，离线web页面预加载等)，你总是会得到假阳性。
其他的答案都是正确的，但是记住这个。
如果你有问题的adblock阻止新标签在浏览器中，你可以这样做:
$('a').click(function(e){ // change $('a') into more specific selector
const openedWindow = window.open(this.href, '_blank');
// Check if browser tab was closed within 0.3 second (user can't, adblock does).
setTimeout(() => {
if (openedWindow.closed) {
alert('Adblock detected!');
}
}, 300);
e.preventDefault(); // return false if you like
});
这段代码是有用的，如果你不想阻止整个网站，只是告诉用户为什么他们的浏览器标签是关闭的;)
