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

分享一款自制的谷歌搜索扩展

  •  2
     
  •   enginex ·
    satorioh · 2018-03-09 10:30:54 +08:00 · 4228 次点击
    这是一个创建于 2455 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端新手,平时 google 用的比较多,所以想开发一款 chrome 扩展,用以提高搜索效率。

    灵感来源于 v2ex-plus,使用之后感觉非常棒,碰巧遇到年前项目在招募团队,于是加入了,期间为扩展的 storage、以及此次新版设置页的重构贡献了代码,学到了很多,这里要感谢 @sciooga 等前辈的耐心指导。

    我给自己的扩展取名为 Google Enhancer,意为搜索增强。部分功能取自 v2ex-plus 和 Tampermonkey,在其之上做了优化整合,方便 google 时使用。

    目前功能点如下:

    • 快捷操作
    • 方便的站内搜索 /文件类型搜索 /时间范围搜索
    • 高亮搜索结果内关键字
    • 无尽加载模式
    • 夜间模式
    • 卡片式 UI
    • 设置自动同步

    详情可以看 GitHub

    由于自己水平有限,目前功能比较简单,有很多值得改进的地方,也欢迎感兴趣的 V 友试用,并提出好的建议,共同交流学习和进步。

    感谢

    39 条回复    2018-08-07 01:13:03 +08:00
    fhefh
        1
    fhefh  
       2018-03-09 11:27:07 +08:00   ❤️ 2
    老铁 这个扩展很好 ~~ 666
    shimomiaizo
        2
    shimomiaizo  
       2018-03-09 11:29:00 +08:00
    icon 可以和 google 自己的品牌形象关系再密切点
    现在这 icon 让人看着完全想不到 google
    sciooga
        3
    sciooga  
       2018-03-09 11:32:35 +08:00
    很棒呀!
    karjarjam
        4
    karjarjam  
       2018-03-09 11:52:08 +08:00   ❤️ 1
    希望能加入按时间排序
    enginex
        5
    enginex  
    OP
       2018-03-09 11:52:59 +08:00
    @shimomiaizo 有道理,自己设计能力一般,就随便做了个,后续要改进
    fhefh
        6
    fhefh  
       2018-03-09 11:53:55 +08:00
    @enginex 楼主 用了插件后 谷歌搜索结果页面 也就是第二页 咋和第一页有间距 详情见图

    ![]( )
    enginex
        7
    enginex  
    OP
       2018-03-09 11:53:59 +08:00
    @sciooga 哈哈,顺带为 v2ex-plus 打广告了
    enginex
        8
    enginex  
    OP
       2018-03-09 12:36:26 +08:00
    @fhefh #6 你有使用可改变样式的其他扩展吗?
    enginex
        9
    enginex  
    OP
       2018-03-09 12:40:27 +08:00
    @karjarjam #4 这个实用,我试试看,感谢
    heiyutian
        10
    heiyutian  
       2018-03-09 12:46:15 +08:00 via Android   ❤️ 1
    高亮关键词,浮动搜索框,站内搜索,时间搜索这些用上了。
    enginex
        11
    enginex  
    OP
       2018-03-09 12:52:05 +08:00
    @heiyutian #10 感谢试用。话说“浮动搜索框”这个词挺简洁,自己做的时候还想不出怎么表述
    wzw
        12
    wzw  
       2018-03-09 12:56:03 +08:00
    v2ex-plus 最近无法 上传图片到 微博图床
    enginex
        13
    enginex  
    OP
       2018-03-09 13:03:49 +08:00
    @wzw #12 你微博有登录吗?另外扩展是否是最新版?
    fhefh
        14
    fhefh  
       2018-03-09 13:24:49 +08:00
    @enginex

    谷歌测试关键字:psn 会员到期时间查询

    刚刚把所有插件禁用了 一个个测试

    发现和这个插件有冲突

    SearchPreview 谷歌搜索结果网页缩略图显示

    https://chrome.google.com/webstore/detail/searchpreview/hcjdanpjacpeeppdjkppebobilhaglfo
    xy19009188
        15
    xy19009188  
       2018-03-09 13:38:48 +08:00
    那么问题来了,楼主会出 Firefox 版吗
    enginex
        16
    enginex  
    OP
       2018-03-09 13:39:53 +08:00
    @fhefh #14 好的,我装下看看
    enginex
        17
    enginex  
    OP
       2018-03-09 13:52:08 +08:00
    @xy19009188 #15 暂时不会,想先把 chrome 版完善好
    iVeego
        18
    iVeego  
       2018-03-09 14:15:31 +08:00
    好用,卡片式 UI 在搜索结果有视频的情况下,不是很美观。
    enginex
        19
    enginex  
    OP
       2018-03-09 15:03:16 +08:00
    @fhefh #14 试了,发现当勾选 Insert site preview images 后,SearchPreview 会给页面#center_col 添加一个行内样式`style="width: 550px; margin-left: 80px;"`,而 GE 的无尽模式是通过 ajax 动态加载页面,不会应用到这个样式,所以就出现不一致。话说这个 preview image 实际作用是什么?感觉有点小
    fhefh
        20
    fhefh  
       2018-03-09 15:08:33 +08:00
    @enginex

    已用卡片式 UI 设置 妥妥的~

    谢谢楼主~
    enginex
        21
    enginex  
    OP
       2018-03-09 15:13:53 +08:00
    @fhefh #20 不客气,感谢支持
    enginex
        22
    enginex  
    OP
       2018-03-09 15:15:44 +08:00
    @iVeego #18 方便提供截图或搜索关键字吗?我实际看下
    kamen
        23
    kamen  
       2018-03-09 15:21:14 +08:00
    已 star,发现了几个需要改进的地方,等有时间提几个 Issue
    enginex
        24
    enginex  
    OP
       2018-03-09 15:25:53 +08:00
    @kamen #23 非常欢迎
    iVeego
        25
    iVeego  
       2018-03-09 15:38:19 +08:00 via Android
    @enginex 歌手 2018 视频部分会很长,有变形。
    codehz
        26
    codehz  
       2018-03-09 17:12:45 +08:00   ❤️ 1
    卡片式 UI 下字体有问题啊(为啥整个页面都变成衬线字体了呢
    MiaSanMia
        27
    MiaSanMia  
       2018-03-09 18:30:56 +08:00 via Android
    👍
    livc
        28
    livc  
       2018-03-11 19:10:40 +08:00
    Googl 官方好像马上就要改成这种卡片式 UI 了。。
    enginex
        29
    enginex  
    OP
       2018-03-11 20:59:01 +08:00
    @livc #28 哦?这倒不太清楚,如果这样,那就算是提前尝鲜了吧
    enginex
        30
    enginex  
    OP
       2018-03-11 21:10:32 +08:00
    @codehz #26 这里字体变化是参照了原脚本作者的代码,`font-family:'Segoe UI','Microsoft YaHei';`,我查了下这两种应该也都是无衬线字体,这方面不太懂,不吝指教
    codehz
        31
    codehz  
       2018-03-11 21:19:03 +08:00
    @enginex #30 很不幸的是这两款字体有版权问题,Linux 发型版没配备(
    enginex
        32
    enginex  
    OP
       2018-03-11 21:25:20 +08:00
    @codehz #31 这倒真是个问题,那我还是把 san-serif 加上吧,感谢提醒
    heiyutian
        33
    heiyutian  
       2018-03-14 22:00:28 +08:00
    @enginex 作者你好,我碰到个兼容问题,我 Tampermonkey 安装了 searchEngineJump,然后你的插件开启了浮动搜索框之后,谷歌搜索之后,会导致 searchEngineJump 的快捷跳转标签跟搜索框下面的选项功能重叠了。
    enginex
        34
    enginex  
    OP
       2018-03-15 09:56:19 +08:00
    @heiyutian #33 谢谢反馈,我抽空试下看看
    enginex
        35
    enginex  
    OP
       2018-03-16 12:40:20 +08:00
    @heiyutian #33 已发布新版本修复。目前做法是参考原脚本设定,在向下滚动时,将 sej 栏放置到浮动搜索框顶部,可能美观上有欠缺,但两者功能都可正常使用;另外,调整了夜间模式下对 sej 的显示适配,希望您满意。
    感谢!
    heiyutian
        36
    heiyutian  
       2018-03-16 15:39:17 +08:00 via Android
    @enginex searchEngineJump 不开启固定到顶部就不会影响美观的,作者辛苦了。
    Shidare
        37
    Shidare  
       2018-03-18 14:20:19 +08:00
    @enginex 雙擊結果頁面任何連結下面的文字都會自動取消雙擊選擇狀態, 新 Profile 下無其他擴充問題依然發生,大概可以排除我的使用環境問題?

    CHROME 版本最新

    感謝你作者
    enginex
        38
    enginex  
    OP
       2018-03-18 14:38:26 +08:00   ❤️ 1
    @Shidare #37 因为考虑到多数页面下,双击文本操作默认会选中文本,所以此扩展的“双击返回顶部”功能,会在您双击时,将当前页面所有选中的文本取消,然后再滚动到顶部。如果您经常需要双击选中文本,可以尝试关闭此功能。
    heiyutian
        39
    heiyutian  
       2018-08-07 01:13:03 +08:00
    @enginex 新的问题,我发现不能显示搜索结果数量,有时候这个结果还是有参考意义的,不能显示的原因可能就是跟之前的 searchEngineJump 脚本冲突了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1056 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 21:34 · PVG 05:34 · LAX 13:34 · JFK 16:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.