首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Get Google Chrome
Vimium · 在 Chrome 里使用 vim 快捷键
拉勾
V2EX  ›  Chrome

应 V2EX 老哥请求做了划词右键小窗搜索 Chrome 扩展

  •  4
     
  •   namesc · 47 天前 · 1730 次点击
    这是一个创建于 47 天前的主题,其中的信息可能已经有所发展或是发生改变。
    昨天看到 @CivAx 的帖子“有没有什么 Chrome 插件,可以实现划词翻译类似的划词搜索?”
    链接: https://www.v2ex.com/t/531800

    然后我就做了一个扩展,简单来说就是当你划词选中文本时,点击右键里的扩展菜单,就会在网页内插入一个 iframe 通过百度搜索移动版搜索选中文本。(其他搜索引擎没有合适的)

    窗口头部底部蓝色区域按住可以拖到到网页中的任意位置,双击可以关闭窗口,窗口头部有几个搜索引擎的链接,点击即可在新窗口打开搜索选中文本的链接。

    效果如下:



    已经发布到 Chrome 应用店了,链接如下:
    https://chrome.google.com/webstore/detail/fgmknallmmochhfngjmmmcpobelihfhe


    我写好后自己试用了下,发现实用性比我想象中的要高,如果有好的搜索引擎的话,这个扩展真是挺不错的。考虑用谷歌,但谷歌不能内嵌,暂时没有找到解决办法。

    还有一个问题是比较麻烦的,有的网站限制了 iframe src 源,比如知乎,不允许 iframe 百度的网址,那这个扩展在知乎就用不了了,目前考虑是把知乎的换成知乎内部搜索。

    也考虑通过云函数处理搜索结果(云函数免费额度不用白不用),通过 API 方式调用,这样就能用任何搜索引擎了,但是工作量会比较大,先用一段时间看看有没有这个必要吧。

    欢迎大家试用,有建议的在 Chrome 应用店反馈或者在这里回复。如果有其他的扩展需求,也可以说下,工作量不大的我考虑做一个,过年估计有挺多时间折腾这些小玩意。
    第 1 条附言  ·  40 天前

    新版开发好了,回复里说的功能基本都实现了,发布到 Chrome Web Store 提示说要深入审核。

    由于存在以下问题,您的扩展程序可能必须接受深入审核:

    宽泛的主机权限

    除了请求宽泛的主机权限或 content script 网站匹配项之外,您也可考虑指定您的扩展程序需要访问的网站,或者使用 activeTab 权限。相较于针对数量不定的网站授予完整访问权限,这两种方法不仅更安全,还可能有助于最大限度地缩减审核用时。

    我想着审核应该也用不了多久吧,就点了确定发布,没想到确定之后才提示说要几个工作日,而且,就算是取消发布了也一样要等待完成才能继续发布新版本,真是醉了。

    等商店版本更新大家再试用吧,没办法了。

    我明天把代码发到 Github 上再来发新贴。

    然后研究下怎么将各搜索引擎搜索结果处理返回。

    第 2 条附言  ·  36 天前

    代码上传到 Github 了,具体看帖子:

    链接 → 开工大吉!全新 Chrome 划词小窗搜索扩展代码上线!

    48 回复  |  直到 2019-02-10 15:38:41 +08:00
        1
    zllmath   47 天前   ♥ 6
    赞,老哥动手能力强
        2
    Hypn0s   47 天前 via Android
    厉害了鸭,资池
        3
    zhttty   47 天前
    提个小小的建议,小窗里边文字和图片能不能等比例缩小,最好可以选择比例那种?
        4
    CivAx   47 天前
    牛逼!!!!(破音

    老哥居然也是广州的

    目前实现效果已经趋于我想象中的完美插件了,但是有几个得寸进尺的小建议

    有没有办法实现 “点击页面空白处自动关闭窗口” 或类似的效果?这样可以省掉点×的功夫了(懒

    弹出搜索框后里面的内容字体感觉有点过大了,这个能够调整吗?

    小窗出现和消失的样式能否参考一下 Qikipedia 的代码,感觉有个缩放看起来会更舒服些

    关于 Google 移动版的问题我的帖子里有人建议说指定 UA,这个可不可行呢?其实纯文字版的 Google 也能接受(

    有空留个 Alipay,我觉得这个必须值得一杯星巴克
        5
    duvalier   47 天前 via iPhone
    可以可以,v 友真是动手能力极强。
        6
    unco020511   47 天前
    希望能云端处理,这样可以各种搜索切换
        7
    IsaacYoung   47 天前 via iPhone
    支持
        8
    zijieq   47 天前
    执行力真强
        9
    AzadCypress   47 天前
    nb,老哥执行力好强啊
        10
    Stan30   47 天前
        11
    sundae91   47 天前
    之前写过一个其他插件,想发布到 chrome 商店,不过开发者帐号一直没注册成功。。。
    求问 lz 如何注册。。
        12
    oul   47 天前
    赞一个
        13
    qooweds   47 天前
    原帖楼主快来付费了
    :)
        14
    namesc   47 天前   ♥ 3
    @zhttty
    @CivAx
    @unco020511

    用 iframe 内嵌解决不了字体大小这些内容排版问题,得有数据接口然后自己排版才可以,在云端处理搜索结果再返回就可以。

    没考虑云端处理是因为扩展是公开的,万一被大量使用,那我可就是给自己写了一个扔钱扩展。由用户自愿提供服务器公共使用这个做法考虑了一下,不敢用,怕投毒。

    不过我想到一个折中方案了,我先把云端处理代码写出来发布到 Github,然后在扩展留一个写服务器地址的设置,要自定义搜索的,可以自己拿代码去服务器配置好了,把服务器地址填到扩展设置里,自己用自己的。然后再看看是不是通过赞赏或者什么方式搞个公共服务器。

    现在小窗不能点击网页空白处关闭,是因为我考虑小窗是常驻网页侧边栏,网页内容和小窗对比着看,而不是点了就看,看了就关,后面加个设置点击空白处关闭吧。

    我最近没什么事,就这两天,我加上云端功能,更新好,再来发个帖子。
        15
    brandon911   47 天前
    🐮🍺
        16
    namesc   47 天前
    多谢各位老哥夸奖了,我就不一一回复了。欢迎提各种关于扩展的想法,我发现写 Chrome 扩展真是比写 PHP 要有意思得多。
        17
    namesc   47 天前
    @sundae91 #11 注册不难吧,就是要钱,我是几年前注册的,花了 5 刀还是多少。
        18
    iFlicker   47 天前
    呀 实用! 赞一个👍
        19
    keith1126   46 天前
    赞一个,楼主动手能力真强
        20
    vowers   46 天前
    nb 啊 ,厉害了 这个可真的挺方便的
        21
    AslanFong   46 天前
    6666666 支持了
        22
    wangchonglie   46 天前
    @CivAx #4 点击页面空白处自动关闭窗口+1
        23
    Yiki   46 天前
    好棒啊~
        24
    nightl2018   46 天前
    🐂🍺 楼主一天肝出高达
        25
    Stan30   46 天前
    可不可以跟划词翻译一样,直接划词就出小窗,并不需要右键再选择用小窗搜索
        26
    CivAx   46 天前
    @Stan30 #25 这样可能会跟其他需要监听 “选中” 动作的插件相冲突…

    不过能加个开关提供自由选择也是挺好的
        27
    piqizhu   46 天前
    感谢分享, 请问提交插件到 chrome 浏览器市场 需要给钱吗
        28
    pwxcoo   46 天前 via iPhone
    要开放一下源码吗,想给自己定制一个的说
        29
    namesc   46 天前
    @Stan30 #25 安排上了,加选项。

    @piqizhu #27 发布插件不用钱,认证开发者账号要钱,好像是 5 刀,不太确定。

    @pwxcoo #28 晚两天发下个版本就发到 Github,到时候会链接上来,欢迎贡献。不过就算不发你也能下载到的,搜 chrome extension download 下载 crx 文件然后转 zip 解压就是源代码了,任何扩展都可以下载。
        30
    pengfei   46 天前
    老哥 能不能自定义添加网址 或者直接加上 类似 http://dict.cn/ 的翻译网站
        31
    iawes   46 天前
    划词翻译较好
        32
    iamsea   46 天前
    搜索引擎支持一下 google 就更不错了
        33
    iAndychan   46 天前
    楼主的也不错,已安装。
    哈哈哈😂,推荐一个 Chrome 扩展,沙拉查词,https://chrome.google.com/webstore/detail/cdonnmffkdaoajfknoeeecmchibpmkmg?hl=en
        34
    Acoffice   46 天前 via Android
    真心速度,这个必须赞
        35
    FakeLeung   46 天前 via Android
    牛逼啊!!!
        36
    huangdayu   46 天前 via Android
    牛逼,点赞。楼主用的云函数是那个平台的呢?
        37
    huangdayu   46 天前 via Android
    报错误,不允许 executescript ……
        38
    cwcauc   46 天前 via iPhone
    可以做成类似 Google Translate 一样,划完词会自动出来一个小的 G 图标点一下就出来搜索结果了。
    这样不用再去右键里面找了,更方便使用
        39
    namesc   46 天前
    @huangdayu 哪个网站,目前就知道 Chrome Web Store 不能 executeScript,新版我准备不用 executeScript 了。
        40
    greatghoul   46 天前
    老哥动手能力真强
        41
    namesc   46 天前
    @cwcauc 这个建议不错,安排。
        42
    KasuganoSoras   46 天前
    有空我帮你造个接口吧……可以代理请求各类网站,不会被 iframe 限制
    PHP 打造,写完了开源
        43
    namesc   46 天前
    @iAndychan #33 不错,这个很成熟了,我还是新手,可以作为我的参考。
        44
    namesc   46 天前
    @KasuganoSoras #42 可以,约定返回格式就好
        47
    KasuganoSoras   46 天前
    @namesc #44 免翻谷歌搜索: https://google404.net/
        48
    namesc   36 天前
    代码上传到 Github 了,具体看帖子:

    链接 → https://www.v2ex.com/t/533710
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3985 人在线   最高记录 4385   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 22ms · UTC 02:47 · PVG 10:47 · LAX 19:47 · JFK 22:47
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1