通过自制js脚本屏蔽网页元素

现如今各类网站已经成为我们日常生活获取信息的一个重要渠道，与此同时，网站上往往也充斥着很多我们不需要的信息，这里通过这篇文章分享下如何通过自制js脚本来屏蔽平时咱们不想看到的网站元素：

这里就以咱们csdn个人博客上弹出的信息为例，事实上这里的信息我已经知道并已经参与了，但是每次刷博客都会出现，虽然有关闭按钮但是每次都点下太麻烦因此这里我想暂时把它屏蔽掉。

首先我们通过浏览器上的调试器查看下网站元素：

通过调试器我们发现这个弹出的信息对应的div是存在id的，那么我们就可以通过js脚本获取并删除对应的元素：

    var object2 = document.getElementById('advert'); //通过id获取器获取对应元素
    if (object2 != null){
        object2.parentNode.removeChild(object2);     //删除对应的元素信息
    } 

js获取并删除元素的代码已经写好，那么下一步就是将写好的js脚本放到浏览器中作为扩展组件执行起来，这里通过360急速浏览器为例：

注意：想要js脚本正确执行需要将js脚本的文件名以user结尾，比如a.uesr.js，b.user.js等等

通过点击右上角的这个红框框起来的按钮然后选择 -》工具 -》扩展管理，然后将写好的js脚本拖入界面就行了。

到这里还有个问题，这个js是无差别地执行的，也就是说打开任何一个网站都会执行，如果碰到其他网站也有相应id的元素且这个元素我们不需要删除怎么办？这里我们可以通过增加判断项来达到目的，这里仍旧以博客主页为例，通过观察，我们可以发现博客的网页title都是以XXXXXCSDN博客的命名方式命名的，那么为了只在这里起效我们只需要加上title的判断即可：

var title = document.title;
if (title.indexOf('CSDN博客') != -1){
	var object2 = document.getElementById('advert');
    if (object2 != null){
        object2.parentNode.removeChild(object2);
    }
}

这样重新放入扩展组件中，重启浏览器就发现信息没有了。