写了个 Chrome 扩展, search-engine-filter

2016-12-24 15:05:10 +08:00
 zhangolve

功能

安装

安装方法

油猴脚本安装

这是油猴脚本,所以请首先安装 tempermonkey

Firefox 用户请戳 https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/ chrome 用户请戳 https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en

然后安装: https://greasyfork.org/zh-CN/scripts/25788-search-engine-filter

chrome 扩展安装

提供离线 crx 文件 百度盘无密码 https://pan.baidu.com/s/1nvK0s5b 百度盘有密码 https://pan.baidu.com/s/1o8yJ7Fs ysnk

Chrome 应用商店下载地址: https://chrome.google.com/webstore/detail/search-engine-filter/clkhhmchimakdcfbdohhnkjlljkimmgi/related?hl=zh-CN

使用方法

安装好后,在打开百度搜索或谷歌搜索,进入搜索页面后会自行根据过滤规则进行过滤,默认的过滤规则是过滤掉来自 www.jb51.net ,也就是垃圾脚本之家的内容。用户可以通过在输入框中输入自定义的过滤规则,将自己讨厌的不想看到的搜索内容过滤掉。

具体的使用方法,请看 GIF 。图示为百度搜索时的使用方法,谷歌搜索类似。

其他须知

由于油猴脚本与 Chrome 扩展的实现方式不同, Chrome 扩展目前做到的是将过滤规则存放到站点的 localStorage 当中,这导致谷歌和百度的屏蔽规则并不相同,也让用户可以根据自己使用谷歌和百度的情况自定义搜索规则。

而使用油猴脚本,则是无论你是在谷歌搜索页还是百度搜索页添加的过滤规则,都将同时作用于这些搜索引擎。

Github

https://github.com/zhangolve/search-engine-filter

喜欢的可以给个 star,目前油猴脚本功能上已经稳定了, Chrome 扩展还有很大待开发余地。

题外话

为什么会开发这个脚本(扩展)

之所以会写这个脚本,最早来源于我讨厌在百度搜索页面出现的脚本之家的内容,该网站排版差,内容质量差,却依靠着 SEO 和不为人知的套路,总是能够占据技术类搜索词汇首页的位置,每次通过百度点开这个网站都让我后悔不已,浪费了我的时间。这个时候,你可能就会问了,你为啥不用谷歌呢,我想说在大多数的技术问题搜索上,谷歌当然是很牛的,但是有些情况下,百度也有他的优势。举例来说,有些时候,我只是想搜索一个英文单词,看看他的汉语意思,点击一个网页去看更相信的相关内容。我并不需要使用谷歌。因此,我就动了想要写一个在百度搜索页面过滤来自脚本之家网站内容脚本的念头。后来,做了这个简单的功能之后,给它起了一个简单粗暴的名字,fuckjb51 。

之后,又陆续给这个脚本添加了几个小功能,比如能够添加自定义的过滤 url ,搜索引擎也不再只限制在百度这一个上了,而是拓展到了包括谷歌原站,谷歌日本,谷歌香港等站点,原来的项目名, fuckjb51 也就不再适合了,因此改成了现在的名字 search-engine-filter (搜索引擎页面内容过滤)

后来,我又想到其实可以做一个 Chrome 扩展,毕竟在百度搜索页展示一个多余的输入框和醒目的按钮并不是很好的设计。而 Chrome 扩展也能方便使用 Chrome 的人群。在 v1.0.1 版本中,仍然采用在搜索结果页面中添加输入框和提交按钮的方式来交互,后期可能会对这一交互方式进行更改。

写在最后

这个小东西断断续续写了也有一个月的时间,期间也学到了很多东西,我之所以走上前端开发的道路,最初其实是因为对各种油猴脚本, Chrome 扩展感兴趣,现如今,终于自己也写出了我的第一个 Chrome 扩展了。

最后,圣诞节快乐。

3915 次点击
所在节点    分享创造
24 条回复
Lentin
2016-12-24 16:34:19 +08:00
谷歌也有好多垃圾页面,卡饭教程还没死光
ipeony
2016-12-24 16:43:48 +08:00
赞,一直在用 personal block list
txlty
2016-12-24 16:46:39 +08:00
人家站龄 10 年。权重也积攒了 10 年,没什么不为人知手段。很多技术问题在那解决。缺点就是广告太多。
卡饭教程才是纯坑。
zhangolve
2016-12-24 17:50:37 +08:00
@ipeony 我今天想要推广这个的时候,发现已经有了类似的扩展。在你回复之前。
Tlvncks
2016-12-24 20:19:13 +08:00
好好好,卡饭教程再见,卡饭教程不见!
zhangolve
2016-12-24 21:06:26 +08:00
@Tlvncks 如果有使用问题,欢迎反馈。
Lonely
2016-12-24 21:16:28 +08:00
jb51 有啥问题吗
ligyxy
2016-12-24 22:11:48 +08:00
你可能也需要这个
https://github.com/ligyxy/Blocklist
kirikiri
2016-12-24 23:33:17 +08:00
正需要这个
skydiver
2016-12-24 23:45:04 +08:00
为什么不放在扩展的存储里面……而是放在站点的存储
zhangolve
2016-12-25 08:01:58 +08:00
@Lonely 你觉得这个站点的内容很水吗,排版也很差,简直就是上个世纪的网站,之所以排名靠前就是 SEO 做得好。
zhangolve
2016-12-25 08:02:44 +08:00
@kirikiri 如果有问题欢迎反馈。哈哈哈
zhangolve
2016-12-25 08:10:55 +08:00
@ligyxy 我看过了,您提供的屏蔽列表是配个官方的 personal-blocklist-by-goo 一起用的。当然我拿过来直接放到我的配置文件里可能也没有问题,但我想如果真有用户的话,还是希望用户根据自身情况去自定义。当然,也可以再多做两个按钮,点击按钮默认将屏蔽规则配置到其中一个列表。
我后来甚至还想过可以给莆田系医院单独做个屏蔽规则的,之前看过有针对打开莆田系医院打开后弹出警告窗口的脚本,如果能够从搜索页面就过滤掉应该会更好一点。
zhangolve
2016-12-25 08:11:46 +08:00
@skydiver 讲真,也是第一次写 Chrome 扩展,扩展的存储还不是很会用。。。
ins
2016-12-25 08:16:17 +08:00
mark
yanlaz
2016-12-25 09:30:45 +08:00
mark
z742364692
2016-12-25 12:58:53 +08:00
无极吧。。。。。
zhangolve
2016-12-25 16:19:08 +08:00
@z742364692 。。。。完全不知道你在说什么
264768502
2016-12-25 17:53:02 +08:00
无极吧也是垃圾站,在谷歌搜索上经常跟靠前
zhangolve
2016-12-25 18:15:40 +08:00
@264768502 如果是谷歌搜索的话,推荐使用 @ligyxy 提到的谷歌官方的插件来屏蔽,效果肯定更好吧。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/329885

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX