去除CSDN 博客页广告的历程
来源:互联网 发布:大数据 云计算 关系 编辑:程序博客网 时间:2024/05/16 00:32
作为CSDN的忠实用户,我觉得它挺不错的。美中不足的是广告,虽然相比于微博啊,开源中国啊这些博客站点,它的广告已经算是很少的了。但还是会让博主有点尴尬,毕竟强迫症不是一天两天就能治好的。⊙﹏⊙b汗
于是就想着怎么能去掉这些广告,给自己一个清静的阅读环境。
第一招
最简单的方式就是使用现成的软件了。一劳永逸。
据博主了解,Chrome浏览器上有很多这样的插件,比如AdBlock, 电脑管家插件啊什么的。种类很多,找到一个适合自己的,下载安装即可使用。
鉴于博主被Chrome俘获,这里就演示一下如何安装去广告插件吧。
方式1
这第一招嘛,比较简单。但是需要有个前提,那就是本机上安装了 腾讯电脑管家这个杀毒软件。 这里对于杀毒软件什么的不过多叙述了,大家都懂的,但是为什么装这么个东西呢,无非就是懒呗,装完之后垃圾,痕迹,网络什么的也方便管理了。
关于“腾讯电脑管家是如何偷偷地安装chrome插件的?”这一个问题,知乎上有这么一个回答,我觉得还蛮不错,贴出来如下:
chrome是欢迎并允许这种插件自动安装用以扩充功能的!自然也就不给你任何提示。
所以,如果你的机器环境和博主的一致(装了电脑管家和Chrome浏览器),那么恭喜你,你将很轻松的获得一个不错的上网环境。
普通模式下:看起来已经很不错了,但是留下一个小框框感觉还是让人有点纠结。
强力过滤模式下:这下页面上终于没有广告咯。好好享受这片宁静吧。
方式2
这第二种方式就需要稍微的费点心思了,如果您的电脑管家插件没有自动安装的话,咱们就得手动的去装一个咯。
但是Chrome浏览器的“插件超市”有点让国人尴尬,墙的原因,大家都懂的了。于是我们首先得能够翻墙,翻墙的方法更是数不胜数了,不多叙述。博主这里采用了一个最笨的方法,那就是使用软件如Lantern,赛风,不是本文的重点,故不再叙述了,有兴趣的小伙伴们可以自行研究一番。
下面讲解一下怎么一步步的手动安装电脑管家的Chrome插件。
然后搜索下载,添加到Chrome即可。
第二招
添加JavaScript脚本,也是一件很爽的事情哦。看看下面的这两行代码,就知道了。
查看一下网页上的源码:
起初,我以为这是个随机生成的id,但是连续查看了好多页面之后发现,这是个固定值的常数,这样真的是如虎添翼了。那还等什么,让JavaScript出场吧。
现在发现了吧,没有广告咯。
但是问题来了,咱也不能每次都得打开控制台,写两行代码吧,这就显得有点麻烦了。至于解决办法嘛,估计你也想到了,那就是在网页上注入JavaScript代码。但是对于CSDN用户而言,这个权限只有博客专家才能有。那就是通过添加栏目的方式,写上脚本代码。但是普通用户是不能在栏目里面添加JavaScript脚本代码的,因为会被自动的替换掉。
博主比较幸运,恰好有这么个权限。
如果您的情况和博主一样的话,下面的代码就能帮到你了。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
不过,这并没有真正的解决全站广告,去掉的也就是本机浏览时出现的广告罢了。
第三招
不过,话又说回来了,非博客专家难道就不能用代码去广告了吗?
答案是否定的,不然写这篇文章也就没什么意义了。博主下面正式的介绍本文的重点,那就是为普通的用户写一个切实有用的去广告插件。
素材准备
- 16X16的png图片,48X48, 128X128的png图片三张
- 文本编辑器一个
- Chrome浏览器一个
- 一颗勇敢的❤
必备知识
这里说的必备知识,也就是制作一个Chrome插件所需的知识。但是不要被标题吓到了,只要我们按照套路出牌,比着葫芦画瓢还是很简单的。
- 具备一定的JavaScript语言
- 了解开发Chrome插件的“骨架”
相关文件的格式及写法
骨架:就是一个图片文件夹,一个js文件夹,一个manifest.json文件和一个popup.html文件。当然了,这是最基础的,我们还可以添加option.html等文件来进一步丰满插件的内容。
。
- 本例的manifest.json文件,比较基础。就不再过多介绍了。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
需要注意的地方:
需要注意的地方就是
manifest_version
一定要为2,这是规定。所以大家遵守就可以了。
还有就是图片一定要按照要求放置和处理。
代码部分
- 待注入的JavaScript代码文件如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- popup.html部分
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
测试
我们只需要在刚才的拓展程序界面选中 “开发者模式”,就可以加载咱们自己的插件咯。
这里博主的情况如下:
很明显,图标部分出了点意外。博主仔细查看了一下,貌似是manifest.json文件中需要添加一个专门针对于拓展栏上的大小的图标,39X39.png,不过这不是什么重要的了。
这样,一个简易的去广告插件就完成了。
总结
回顾一下,这篇文章主要是讲解了如何去除CSDN的博客页面上的广告,代码也比较的简单。
或许您会有更大点的需求,去除所有页面的广告。按理说这也是可行的,不过是需要一些手段罢了。不过这样的话,岂不是又自己做了一个“腾讯电脑管家插件”了吗?
这样重复造轮子的活,博主不是很想做,除非下定决心做一个更好的轮子出来。
展望:
博主的展望就是通过手动的添加类似于上面的广告位的id,来扩充去广告的数据库,这样的话就必须有一台甚至多台服务器了,每次插件一旦启动,就自动的去更新广告位id,然后执行当前页面的去广告逻辑... ...思路就是这么个思路,有兴趣的小伙伴不妨试试咯。 ~\(≧▽≦)/~啦
from: http://blog.csdn.net/Marksinoberg/article/details/52742744
- 去除CSDN 博客页广告的历程
- 去除CSDN 博客页广告的历程
- 去除csdn博客的广告
- 去除csdn右下角广告
- CSDN博客历程
- 屏蔽CSDN博客广告的代码
- CSDN博客页面去广告的解决
- “干掉”CSDN博客广告
- CSDN博客放广告
- 去掉csdn 博客广告
- 去除网站空间的广告
- 去除迅雷的广告
- 去除WinRAR的广告
- CSDN博客放google广告
- CSDN博客放google广告
- CSDN博客广告好多啊
- CSDN 博客的广告,真的好丑啊。
- 轻松“干掉”CSDN博客中“插播”的广告
- SpringMVC之RequestMethod
- 关于在myeclipse中使用Hibernate遇到的问题
- 图的存储二
- 解决Handler导致的内存泄漏真实样例
- 蓝桥杯-P1103-复数运算
- 去除CSDN 博客页广告的历程
- Android学习笔记_《第一行代码》
- python性能优化指南
- Mybatis学习二之Mapper XML 文件
- GDKOI 2016划水记
- HTTP协议状态码学习
- 谷哥的小弟学后台(22)——AJAX
- android中使用lua来写代码
- 【Bzoj2242】计算器