V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zhangolve
V2EX  ›  分享创造

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

  •  
  •   zhangolve · 2016-12-24 15:05:10 +08:00 · 3938 次点击
    这是一个创建于 2918 天前的主题,其中的信息可能已经有所发展或是发生改变。

    功能

    • 默认过滤搜索页上来自 www.jb51.net 的结果
    • 可以通过往输入框中添加过滤网站,形式如 www.jb51.net ,www.abc.com 等,无须使用 http:// 作为开头。也可以过滤掉特定的内容来源,比如百度文库(wenku.baidu.com )

    安装

    安装方法

    油猴脚本安装

    这是油猴脚本,所以请首先安装 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 扩展了。

    最后,圣诞节快乐。

    第 1 条附言  ·  2016-12-24 21:05:50 +08:00
    果然圣诞节不适合发布这种话题的帖子。。。。
    24 条回复    2016-12-27 16:20:02 +08:00
    Lentin
        1
    Lentin  
       2016-12-24 16:34:19 +08:00
    谷歌也有好多垃圾页面,卡饭教程还没死光
    ipeony
        2
    ipeony  
       2016-12-24 16:43:48 +08:00
    赞,一直在用 personal block list
    txlty
        3
    txlty  
       2016-12-24 16:46:39 +08:00
    人家站龄 10 年。权重也积攒了 10 年,没什么不为人知手段。很多技术问题在那解决。缺点就是广告太多。
    卡饭教程才是纯坑。
    zhangolve
        4
    zhangolve  
    OP
       2016-12-24 17:50:37 +08:00
    @ipeony 我今天想要推广这个的时候,发现已经有了类似的扩展。在你回复之前。
    Tlvncks
        5
    Tlvncks  
       2016-12-24 20:19:13 +08:00 via Android
    好好好,卡饭教程再见,卡饭教程不见!
    zhangolve
        6
    zhangolve  
    OP
       2016-12-24 21:06:26 +08:00
    @Tlvncks 如果有使用问题,欢迎反馈。
    Lonely
        7
    Lonely  
       2016-12-24 21:16:28 +08:00
    jb51 有啥问题吗
    ligyxy
        8
    ligyxy  
       2016-12-24 22:11:48 +08:00
    你可能也需要这个
    https://github.com/ligyxy/Blocklist
    kirikiri
        9
    kirikiri  
       2016-12-24 23:33:17 +08:00 via Android
    正需要这个
    skydiver
        10
    skydiver  
       2016-12-24 23:45:04 +08:00
    为什么不放在扩展的存储里面……而是放在站点的存储
    zhangolve
        11
    zhangolve  
    OP
       2016-12-25 08:01:58 +08:00
    @Lonely 你觉得这个站点的内容很水吗,排版也很差,简直就是上个世纪的网站,之所以排名靠前就是 SEO 做得好。
    zhangolve
        12
    zhangolve  
    OP
       2016-12-25 08:02:44 +08:00
    @kirikiri 如果有问题欢迎反馈。哈哈哈
    zhangolve
        13
    zhangolve  
    OP
       2016-12-25 08:10:55 +08:00
    @ligyxy 我看过了,您提供的屏蔽列表是配个官方的 personal-blocklist-by-goo 一起用的。当然我拿过来直接放到我的配置文件里可能也没有问题,但我想如果真有用户的话,还是希望用户根据自身情况去自定义。当然,也可以再多做两个按钮,点击按钮默认将屏蔽规则配置到其中一个列表。
    我后来甚至还想过可以给莆田系医院单独做个屏蔽规则的,之前看过有针对打开莆田系医院打开后弹出警告窗口的脚本,如果能够从搜索页面就过滤掉应该会更好一点。
    zhangolve
        14
    zhangolve  
    OP
       2016-12-25 08:11:46 +08:00
    @skydiver 讲真,也是第一次写 Chrome 扩展,扩展的存储还不是很会用。。。
    ins
        15
    ins  
       2016-12-25 08:16:17 +08:00
    mark
    yanlaz
        16
    yanlaz  
       2016-12-25 09:30:45 +08:00
    mark
    z742364692
        17
    z742364692  
       2016-12-25 12:58:53 +08:00 via Android
    无极吧。。。。。
    zhangolve
        18
    zhangolve  
    OP
       2016-12-25 16:19:08 +08:00
    @z742364692 。。。。完全不知道你在说什么
    264768502
        19
    264768502  
       2016-12-25 17:53:02 +08:00 via Android
    无极吧也是垃圾站,在谷歌搜索上经常跟靠前
    zhangolve
        20
    zhangolve  
    OP
       2016-12-25 18:15:40 +08:00
    @264768502 如果是谷歌搜索的话,推荐使用 @ligyxy 提到的谷歌官方的插件来屏蔽,效果肯定更好吧。
    cye3s
        21
    cye3s  
       2016-12-26 14:59:41 +08:00
    能否在搜索结果后面加个按钮,点击后添加该结果的域名到屏蔽列表,比复制再粘贴再点“过滤”方便啊
    zhangolve
        22
    zhangolve  
    OP
       2016-12-26 15:11:01 +08:00
    @cye3s 嗯,您的建议我会考虑的。谷歌官方的屏蔽扩展就是那样做的,所以我也打算在未来能有这样的设计。
    ety001
        23
    ety001  
       2016-12-27 16:16:10 +08:00
    卧槽,好东西! 这是我之前的帖子: /t/321569
    zhangolve
        24
    zhangolve  
    OP
       2016-12-27 16:20:02 +08:00
    @ety001 欢迎试用,欢迎反馈。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5270 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 08:45 · PVG 16:45 · LAX 00:45 · JFK 03:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.