爱意满满的作品展示区。
enginex

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

  •  2
     
  •   enginex · Mar 9, 2018 · 5360 views
    This topic created in 3168 days ago, the information mentioned may be changed or developed.

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

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

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

    目前功能点如下:

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

    详情可以看 GitHub

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

    感谢

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

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

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

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

    发现和这个插件有冲突

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

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

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

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

    CHROME 版本最新

    感謝你作者
    enginex
    enginex
    OP
    Mar 18, 2018❤️1
    38
    @Shidare #37 因为考虑到多数页面下,双击文本操作默认会选中文本,所以此扩展的“双击返回顶部”功能,会在您双击时,将当前页面所有选中的文本取消,然后再滚动到顶部。如果您经常需要双击选中文本,可以尝试关闭此功能。
    heiyutian
    heiyutian
    Aug 7, 2018
    39
    @enginex 新的问题,我发现不能显示搜索结果数量,有时候这个结果还是有参考意义的,不能显示的原因可能就是跟之前的 searchEngineJump 脚本冲突了。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4695 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 69ms · UTC 01:47 · PVG 09:47 · LAX 17:47 · JFK 20:47
    ♥ Do have faith in what you're doing.