由于csdn的广告实在是太多,并且广告的各种标题党实在是让人恶心
左右侧边框底框、信息框里面都是充斥了各种广告看着心烦、在这里就随便写了几句js去除csdn的广告
有需要的可以继续看下去哈~
- 先下载一个 油猴 插件
下载插件很简单,大家到各自浏览器的插件中心去进行搜索 Tampermonkey 或者 Greasemonkey 之后进行下载安装就行 -
打开自定义脚本编辑
我这里使用的是firefox,所以就使用这个进行演示了~
图片.png - 编辑脚本
// ==UserScript==
// @name clear csdn ad #编写的脚本的名词
// @namespace http://diveintogreasemonkey.org/download/
// @description clear csdn ad #脚本描述
// @include https://blog.csdn.net/* #这个是编写的脚本所生效的网站
// @exclude http://diveintogreasemonkey.org/*
// @exclude http://www.diveintogreasemonkey.org/*
// ==/UserScript==
(function(){
var id_name = ['asideFooter',"_360_interactive","asideFooter"]
var className = ['p4course_target',"p4courset3_target _4paradigm_box recommend-item-box clearfix","recommend-item-box recommend-ad-box","pulllog-box","box-box-large","box-box-aways","csdn-tracking-statistics mb8 box-shadow","pic-window"]
var tag_name = ['iframe',"newsfeed","iframe"]
//alert(className.length)
for(var i = 0;i<className.length;i++){
var temp = document.getElementsByClassName(className[i])
for(var k =0 ;k< temp.length;k++){
temp[k].style.display = 'none'
}
}
for(var i = 0 ; i< id_name.length;i++){
var temp2 = document.getElementById(id_name[i])
temp2.style.display = 'none'
}
for(var i = 0;i< tag_name.length;i++){
var ad2 = document.getElementsByTagName(tag_name[i])
for(var k = 0 ; k < ad2.length;k++){
ad2[k].style.display = 'none'
}
}
})()
记得保存~
- 结语
写的代码很简单,对前端稍微有些了解的就知道写了些什么,如果之后网站又增加了什么广告位什么的,就添加id、css类名、或者tag名 进入数组就好了
网友评论