Google浏览器插件之闪存过滤器

  一件颇有意思的事情引起的无聊尝试。html

  博客园有个颇有趣的功能,就是闪存,翻阅到07年园长对闪存的定义:jquery

     

  记录一闪而过的想法,高兴或者不高兴均可以发一下。我用这个一直以来的想法就是,想到点啥发点啥,顺便看看别人发的啥。可是.....唔......有的人可能言论过激,引发他人不适,因而就开撕了,这样的场景家常便饭,场面之激烈堪称一场大戏~~ git

  因而就有园友指望能够出个屏蔽功能,不喜欢的人直接在本身的列表里pass掉。程序员

  其实吧,我以为,有时候没有必要去和别人争吵,看不惯就看不惯,就当个笑话就好。github

  固然了,都是程序员,何须增长园子里程序员的工做量呢,哈哈你说是否是。可能有的人就要说了,不就是个屏蔽功能嘛,很复杂吗?咦,这种场景是否是像极了互联网公司某些产品的口头禅。json

  以上只是我的观点,言归正传请看下面正文。api


  哈哈,铺垫完了,上干货了,为了解决上述问题,以前我写了一个js脚本,F12之后在控制台执行, 便可清除指定人的闪存,可是这种方式多有不便,每次得F12打开浏览器控制台,否则就不行。这个操做太麻烦了,直到今天,一个闪存园友提出了一个很棒的想法,写个浏览器插件!浏览器

  

  这是一个建设性的建议,立即我就开始动手了,搜索如何写插件,清除人的闪存脚本我有了,差的只是如何利用插件去执行个人JS代码。dom

  http://www.javashuo.com/article/p-dhluhotq-ke.html异步

  上面这个博客是我找到的入门教程,看懂基本操做以后我改了改,写入了本身的JS就完事了。

  步骤以下:(如下全部文件都在某个建好的文件夹中)

  1.新建manifest.json文件,写入以下内容:

{
  "manifest_version": 2,
  "name" : "闪存过滤器",
  "description" : "不喜欢的人过滤掉就好啦~~",
  "version": "1.0.0.0",
  "content_scripts" :[
    {
      "matches" : ["*://ing.cnblogs.com/*"],
      "js" : ["jquery-3.3.1.min.js","main.js"]
    }
  ]
}

  (参数详解看这个 http://www.javashuo.com/article/p-abvdryob-kd.html )

  这里是指简单的demo,参数只写了须要的几个,里面指定了插件做用的域名,以及须要使用的JS,由于平时本身习惯写JQ,mian.js是JQ写法,因此引入了JQ文件。

  main.js里面内容如图:

  

  里面测试人员0一、测试人员0一、测试人员03写成须要屏蔽的昵称便可。

  插件文件夹最终的文件截图以下:

  

  除了JQ从网上下载,其余两个都是新建的。注意文件的编码格式为Utf8。

  写好了就开始用了!打开Google的扩展程序,点击加载已解压的扩展程序:

  

  按下图所示操做,添加一个文件夹:

  

  添加之后是这样的:

  

  扩展程序里面已经有咱们添加的插件啦~~~ 默认是启用的!(对了,须要注意的是,打开浏览器的开发者模式才能添加插件哟)

  最后,如图检验成果!F12只是为了看日志,关掉之后插件依然有效,目前我设置的是加载清除一次,而后每2秒再定时清除一次,由于点“全站”的时候,下面JS是异步加载的,页面不会刷新,因此须要定时再清一下dom。

   

 

   这个是GIithub源码地址 https://github.com/lovemoqing/IngFilter,其实就是一个简单的文件.... 后续我再看有木有能够完善的地方。

   不想手动建文件的小伙伴就去下载吧,而后把mian.js里面的昵称改为本身想屏蔽的便可。

 

   Remarks:

   1.mian.js里的昵称是写死的,每次改的话不方便,须要从新加载插件,其实我能够写个api,去调取接口得到须要清除的名单,时间关系暂时写死。

   2.目前根据昵称清除的,可是昵称会存在常常修改的状况,致使不许,若是采用博客地址名的话,相对准确一些,可是博客地址名也是能够申请修改的,因此就不搞那么复杂了。

 

   后记:这个只是为了练手,试试插件怎么写,若有不适敬请谅解,我写这个并非放大矛盾,而是但愿存在矛盾的园友能够化干戈为玉帛,若是实在不能,就用插件屏蔽一下。

相关文章
相关标签/搜索