去除csdn的广告

作者: Big_Monster | 来源:发表于2018-08-14 21:38 被阅读1次

    由于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名 进入数组就好了

    相关文章

      网友评论

        本文标题:去除csdn的广告

        本文链接:https://www.haomeiwen.com/subject/jjsbbftx.html