检测浏览器Web控制台中的DOM更改

Question

我使用的视频网站已开始在使用广告拦截器的用户的基础上叠加图片。例如：

使用以下内容覆盖图像：

<div class="vid_lhs" id="website-name-message-users">
    <img name="Map" usemap="#Map" style="max-width:100%" src="http://drop.website-name.com/website-name/images/website-name-abp-message.jpg">
</div>

通过设置display=none来隐藏视频：

<div class="vid_lhs" id="ins_videodetail" style="display: none;">
    ....
    <video class="videobase vsc-initialized" id="contentElement" width="100%" height="100%" preload="auto|metadata|none" playsinline="" webkit-playsinline="" src="http://website-nameod.bc.cdn.bitgravity.com/blah-blah.mp4" data-vscid="blah-blah" autoplay="" style="display: inline; object-fit: fill;"> </video>
    ....
</div>

使用浏览器Web控制台上的简单脚本可以轻松绕过它：

$('#website-name-message-users').remove();
$('#ins_videodetail').show();

我的问题是：网站可以通过哪些方式识别出DOM被篡改，以便更好地保护自己的内容？我问，因为它们似乎改变了方式这个adblock-block每2-3天实施一次，这让我相信他们可能会和像我这样的用户一起玩（无意义的）猫捉老鼠游戏......