如何使用 HTML/JS 屏蔽广告？

Question

我有一个网站 (forum.tdp4teambattle.com)，最近，我开始在页脚中看到广告。我查看了页脚，没有广告代码。我想他们把它放在另一个文件中并将它指定给某个 div ID。我可以使用 HTML 或 JavaScript 中的哪些代码来隐藏广告，以免其他人看到？

这是广告图片：http://is.mixmarket.biz/images/um/95480.gif 它是 468x60（也许你可以给我一个代码来阻止显示特定尺寸的图像）。

编辑，解决：如果有人使用“listbb.ru”或“getbb.ru”，这里是解决方案。您需要在索引页上查看源代码并按 CTRL+F。搜索“混合”、“市场”或类似名称。您将看到类似于“mix_block_{identifier}”的内容。要删除它，您需要导航到 ACP>Styles>Templates>{Theme}>Overall_header.html> 找到

</head>

之前，输入：

<style>
#mix_block_1294937123 {
display: none;
}
</style>

Answer 1

上面的答案是错误的。为了解决广告自己的问题，代码块是：

    <table border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td>

<div id="mix_block_1294937123"><div id="mix_block_1294937123_1016" style="width:468px;height:60px;position: relative;"><a href="http://ucl.mixmarket.biz/uni/clk.php?id=1294878201&amp;zid=1294937123&amp;s=9019&amp;tt=08310735" target="blank"><img src="http://is.mixmarket.biz/images/um/95480.gif" width="468" height="60" border="0" alt=""></a></div><script type="text/javascript" src="http://udata.mixmarket.biz/uss/stat/?mid=1294887383&amp;id=1294937123&amp;tt=1472614515"></script><img src="http://mixmarket.biz/t.php?uid=1294929468&amp;r=http%3A//stackoverflow.com/questions/39240278/block-ads-with-html-js&amp;t=1472614515" width="1" height="1"></div>
<script type="text/javascript">
document.write('<scr' + 'ipt language="javascript" type="text/javascript" src="http://1294937123.us.mixmarket.biz/uni/us/1294937123/?div=mix_block_1294937123&r=' + escape(document.referrer) + '&rnd=' + Math.round(Math.random() * 100000) + '" charset="windows-1251"><' + '/scr' + 'ipt>');
</script><script language="javascript" type="text/javascript" src="http://1294937123.us.mixmarket.biz/uni/us/1294937123/?div=mix_block_1294937123&amp;r=http%3A//stackoverflow.com/questions/39240278/block-ads-with-html-js&amp;rnd=39740" charset="windows-1251"></script>
</td></tr></tbody></table>

因此，如果您可以访问 css，请选择一个 div 并执行

Display: none;

Answer 2

以下代码会删除带有不受欢迎图片的广告和网页上方出现的阻止元素

(function removeAdvertisementAndBlockingElements () {
    $('.inRek').remove();
    $('.mgbox').remove();
    
    Array.from(document.getElementsByTagName("img")).forEach(function (e) {
        if (!e.src.includes(window.location.host)) {
            e.remove()
        }
    });    
    
    Array.from(document.getElementsByTagName("div")).forEach(function (e) {
        var currentZIndex = parseInt(document.defaultView.getComputedStyle(e, null).zIndex);
        if (currentZIndex > 999) {
            console.log(parseInt(currentZIndex));
            e.remove()
        }
    });
})();

Answer 3

大部分广告来自谷歌广告词。所以有通过javascript插入到页面中。如果您只想通过手动检查并移除所有广告来移除所有广告。

您可以做的另一件事是，通过右键单击在广告块上执行检查元素并选择选项检查元素在 chrome 中打开浏览器底部的一个小面板并设置块的 CSS属性（右侧）为 display:none;