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

　　一件很有意思的事情引发的无聊尝试。

　　博客园有个很有趣的功能，就是闪存，翻阅到07年园长对闪存的定义：

　    

　　记录一闪而过的想法，高兴或者不高兴都可以发一下。我用这个一直以来的想法就是，想到点啥发点啥，顺便看看别人发的啥。但是.....唔......有的人可能言论过激，引起他人不适，于是就开撕了，这样的场景屡见不鲜，场面之激烈堪称一场大戏~~ 

　　于是就有园友期望可以出个屏蔽功能，不喜欢的人直接在自己的列表里pass掉。

　　其实吧，我觉得，有时候没有必要去和别人争吵，看不惯就看不惯，就当个笑话就好。

　　当然了，都是程序员，何必增加园子里程序员的工作量呢，哈哈你说是不是。可能有的人就要说了，不就是个屏蔽功能嘛，很复杂吗？咦，这种场景是不是像极了互联网公司某些产品的口头禅。

　　以上只是个人观点，言归正传请看下面正文。

---

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

　　

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

　　https://www.cnblogs.com/luffystory/p/9190444.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"]
    }
  ]
}

　　（参数详解看这个 https://www.cnblogs.com/GoCircle/p/9332836.html ）

　　这里是指简单的demo，参数只写了需要的几个，里面指定了插件作用的域名，以及需要使用的JS，因为平时自己习惯写JQ，mian.js是JQ写法，所以引入了JQ文件。

　　main.js里面内容如图：

　　

　　里面测试人员01、测试人员01、测试人员03写成需要屏蔽的昵称即可。

　　插件文件夹最终的文件截图如下：

　　

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

　　写好了就开始用了！打开Google的扩展程序，点击加载已解压的扩展程序：

　　

　　按下图所示操作，添加一个文件夹：

　　

　　添加以后是这样的：

　　

　　扩展程序里面已经有我们添加的插件啦~~~ 默认是启用的！（对了，需要注意的是，打开浏览器的开发者模式才能添加插件哟）

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

 　　

 

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

 　　不想手动建文件的小伙伴就去下载吧，然后把mian.js里面的昵称改成自己想屏蔽的即可。

 

　　 Remarks:

　　 1.mian.js里的昵称是写死的，每次改的话不方便，需要重新加载插件，其实我可以写个api，去调取接口获得需要清除的名单，时间关系暂时写死。

　　 2.目前根据昵称清除的，但是昵称会存在经常修改的情况，导致不准，如果采用博客地址名的话，相对准确一些，但是博客地址名也是可以申请修改的，所以就不搞那么复杂了。

 

 　　后记：这个只是为了练手，试试插件怎么写，如有不适敬请谅解，我写这个并不是放大矛盾，而是希望存在矛盾的园友可以化干戈为玉帛，如果实在不能，就用插件屏蔽一下。