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

简介: 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.目前根据昵称清除的,但是昵称会存在经常修改的情况,导致不准,如果采用博客地址名的话,相对准确一些,但是博客地址名也是可以申请修改的,所以就不搞那么复杂了。


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

 

PS:楼主邮箱 tccwpl@163.com

目录
相关文章
|
6月前
|
开发者
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
387 1
|
6月前
|
文字识别 安全 JavaScript
6款超实用的Edge浏览器插件,让你的浏览器瞬间开挂!
Microsoft Edge是由微软开发的一款网页浏览器,致力于提供一个现代化、高效率、安全可靠的网络浏览器,以满足用户对于网络浏览的各种需求。
322 1
|
6月前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
171 0
|
6月前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
322 0
|
2月前
|
数据可视化 Java Windows
Elasticsearch入门-环境安装ES和Kibana以及ES-Head可视化插件和浏览器插件es-client
本文介绍了如何在Windows环境下安装Elasticsearch(ES)、Elasticsearch Head可视化插件和Kibana,以及如何配置ES的跨域问题,确保Kibana能够连接到ES集群,并提供了安装过程中可能遇到的问题及其解决方案。
Elasticsearch入门-环境安装ES和Kibana以及ES-Head可视化插件和浏览器插件es-client
|
27天前
|
Web App开发 人工智能 前端开发
Google 浏览器中的 AI 魔法 — window.ai
本文介绍了如何在 Chrome Canary 中启用并使用设备端 AI 功能。通过下载 Chrome Canary 并启用相关 API,你可以在本地运行 AI 模型,无需互联网连接。文章详细讲解了设置步骤、确认 AI 可用性的方法以及如何使用 `window.ai` 进行文本会话。虽然目前的性能和功能还有待提升,但这一技术为未来的前端开发和智能应用提供了无限可能。
53 0
|
2月前
|
安全 Oracle Java
edge浏览器加载java插件
edge浏览器加载java插件
|
3月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
104 1
|
3月前
|
Web App开发 JavaScript 前端开发
如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
这篇文章介绍了如何在浏览器中安装和使用Vue开发者工具,提供了两种下载方式,包括直接下载编译好的插件和从GitHub上下载源代码后进行打包。文章还详细说明了在Chrome浏览器中加载插件的步骤,以及插件在Vue项目和非Vue项目中的不同表现。
如何在浏览器中安装使用Vue开发者工具?Vue开发者工具的安装使用?可直接提取插件安装使用
|
3月前
|
Web App开发 前端开发 JavaScript
手摸手教你,从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始,逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始,你将学习如何设置开发环境,包括安装 Chrome 和准备文本编辑器,并掌握 HTML、CSS 和 JavaScript 的基础知识。接着,我们将构建插件的基本结构,涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
303 8