去除csdn的广告

由于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名 进入数组就好了
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,033评论 3 119
  • 从周五起,同屋的大狗子学车归来。 下午无课,于是买菜买肉准备涮锅,约澡。 天气有点冷,在小小的屋子里,一开始就狂吃...
    一口方井阅读 220评论 0 0