分享一个 chrome 看图增强插件, 支持在浏览器中直接拖拽 / 缩放 / 旋转 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
qsfun
V2EX    分享创造

分享一个 chrome 看图增强插件, 支持在浏览器中直接拖拽 / 缩放 / 旋转

  •  
  • /a>
      qsfun 2017 年 10 月 15 日 7198 次点击
    这是一个创建于 3054 天前的主题,其中的信息可能已经有所发展或是发生改变。

    视频预览:

    https://youtu.be/JIjICyI-Y4s

    插件地址:

    https://chrome.google.com/webstore/detail/better-image-browser/kiogkahifhldimpknnnhdiemepmebnhe

    做这个的原因是因为产品给的需求单中, 一般包含大图, chrome 自身的图片浏览能力有限, 不支持鼠标拖拽 / 滚轮缩放 / 旋转, 比较不便.

    因此我开发了这款插件, 操作手感参照于 google picasa 来实现.

    另外, 在 mac 系统中该插件是不生效的, 因为考虑到触摸板本身已经比较好用, 而开启这个功能会和触摸板的双指移动功能冲突, 所以屏蔽了 mac.

    第 1 条附言    2017 年 10 月 15 日
    感谢#1 @cyio 的提议, 为适配 mac 触摸板 / 鼠标的场景, 增加了一个开关, 点击扩展图标即可选择启用或禁用.
    第 2 条附言    2017 年 10 月 18 日
    22 条回复    2017-12-14 10:36:26 +08:00
    cyio
        1
    cyio  
       2017 年 10 月 15 日   1
    加个开关吧,用 macbook 大部分时间是外接鼠标的
    qsfun
        2
    qsfun  
    OP
       2017 年 10 月 15 日
    @cyio 也可以, 后面加上
    Haiwx
        3
    Haiwx  
       2017 年 10 月 15 日
    前排更正“插件”->“扩展”,别打我,唉。另外是否有适配 Firefox ( 57+)的计划,谢谢。
    qsfun
        4
    qsfun  
    OP
       2017 年 10 月 15 日
    @Haiwx #3 不打算, 平时基本不用 firefox
    Haiwx
        5
    Haiwx  
       2017 年 10 月 15 日
    @qsfun 十分感谢,还是自己动手好了。
    iVeego
        6
    iVeego  
       2017 年 10 月 15 日
    反馈个小问题:使用 V2 自己的图库,访问图片的页面, 例如这个,在登陆状态下无法显示图片,而是一个 V2EX 的 logo
    qsfun
        7
    qsfun  
    OP
       2017 年 10 月 15 日 via iPhone   1
    @Haiwx #5 代码可以参考,js 那部分应该不怎么用改就能用

    https://github.com/QS20199/better-image-browser
    heiyutian
        8
    heiyutian  
       2017 年 10 月 15 日 via Android
    记得提示说明勾选允许访问文件网址
    qsfun
        9
    qsfun  
    OP
       2017 年 10 月 15 日
    @iVeego #6 额...看了下, V2 这个图库实现的不太常规, 虽然地址是.png 后缀, 但实际上是一个页面, 而非 image/png 类型. 这种我看看能不能兼容一下
    qsfun
        10
    qsfun  
    OP
       2017 年 10 月 15 日
    @heiyutian #8 这个插件的场景主要针对在线的图片, 本地图片就没必要再用浏览器了吧
    Jackeriss
        11
    Jackeriss  
       2017 年 10 月 15 日
    @qsfun 当然还是 png 类型的,只不过图片上的链接是个网页,图片的原始地址是 ,跳转地址是
    Jackeriss
        12
    Jackeriss  
       2017 年 10 月 15 日   1
    @Jackeriss 自动转义了,原始地址是 https://i.v2ex.co/ + 图片名,跳转地址是 i/ + 图片名。
    qsfun
        13
    qsfun  
    OP
       2017 年 10 月 15 日
    @cyio #1 已经增加开关.

    @Jackeriss #12 已经适配了, 除了通过 url 后缀, 还会通过 content-type 来判断.

    已经发布更新, 1 小时内会生效, 用户侧会无感知更新
    cyio
        14
    cyio  
       2017 年 10 月 15 日
    用上了,有几个问题:
    1. 扩展体积下载时,看到有 2-3Mb,略大
    2. 缩放百分比值的显示可以再改进下,我缩放只能看到 100%
    3. 进入时会闪一下
    4. 禁用时,图标应该变灰
    cyio
        15
    cyio  
       2017 年 10 月 15 日
    picasa 的图片查看,确实是用起来最爽的,以前只要用 windows 都会装一下
    感谢楼主把这个体验,带到浏览器,期待整理好代码开源
    qsfun
        16
    qsfun  
    OP
       2017 年 10 月 16 日
    @cyio #14
    1.的确比较大, 因为直接一起打包了 node_modules, 要处理一下也可以, 不过个人觉得 PC 端不是很有必要
    234 我抽空搞搞
    qsfun
        17
    qsfun  
    OP
       2017 年 10 月 16 日
    @cyio #14 234 已经修正
    cyio
        18
    cyio  
       2017 年 10 月 17 日
    @qsfun 上网小飞机挂了,估计得等到下个月更新体验了
    zhangneww
        19
    zhangneww  
       2017 年 10 月 17 日
    只能在只有图片的标签页用啊,能不能增加对普通页面图片的处理
    qsfun
        20
    qsfun  
    OP
       2017 年 10 月 17 日
    @zhangneww 这样做坑比较大, 可以右键图片-新标签页打开
    love4taylor
        21
    love4taylor  
    PRO
       2017 年 10 月 24 日
    右键菜单能不能做个 复制到剪贴板 啊.....
    qsfun
        22
    qsfun  
    OP
       2017 年 12 月 14 日
    @Love4Taylor 不好意思才看到, 这个功能可以, 我抽空弄一下
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4800 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 34ms UTC 08:38 PVG 16:38 LAX 00:38 JFK 03:38
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86