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

参考 Arc 的 peek 功能给 chrome 写了个小插件

  •  
  •   tomowang · 13 天前 · 1160 次点击

    Arc 浏览器的 peek 功能可以在不离开当前页面的情况下预览链接,感觉效率比较高。我照着功能撸了个 chrome 和 firefox 的插件,并上架到商店

    Chrome Web Store Microsoft Edge Addons Firefox Add-ons

    主要功能:

    1. 在当前标签页中或弹出窗口中预览链接
    2. 使用 Shift+点击链接或拖动链接以打开链接进行预览
    3. 按下 Esc 或窗口失焦以关闭它

    代码也开源了https://github.com/tomowang/peek-preview。使用效果如下,欢迎试用反馈

    Peek Preview

    14 条回复    2024-12-16 09:53:54 +08:00
    dufu1991
        1
    dufu1991  
       12 天前
    为什么我试了下是在新窗口打开的,Mac 最新系统,Chrome 最新版本,Chrome 全屏使用。
    tomowang
        2
    tomowang  
    OP
       12 天前
    @dufu1991 是 shift 点击还是拖拽的?一种情况如果新装插件的话,老的 tab 不会生效,需要手动刷新下;还有种情况有些页面会屏蔽 shift 点击或者拖拽,这个我还在看怎么解决。感谢反馈
    136178128
        3
    136178128  
       12 天前
    和这个一样的功能。https://github.com/XiCheng148/SmartPreview

    会有很多网站不允许加载 iframe 。你是怎么解决的。
    tomowang
        4
    tomowang  
    OP
       12 天前
    iframe 确实很多站点不允许加载,github 就不允许 iframe 加载,主要是安全性的 HTTP 头。我使用了 browser.declarativeNetRequest.updateSessionRules 这个函数。具体参考这个 commit
    https://github.com/tomowang/peek-preview/commit/099a9a4c55d377e3b69e9d7a20b0cbaf3d964a26#diff-8d11bb5e767a7727c1d6e56e994158a624642b373408c225fe0008f61b562f3dR47
    dufu1991
        5
    dufu1991  
       12 天前
    @tomowang #2 shift 和拖拽都一样的
    eryajf
        6
    eryajf  
       12 天前
    arc 上还有一个能力是,点击之后,把窗口切分展示。不知是否能实现,最近安装了两个窗口切分的插件,一方面是不支持快捷键点击触发,一方面是效果没有 arc 的理想。比如: https://chromewebstore.google.com/detail/split-screen-pro-%E6%B5%8F%E8%A7%88%E5%99%A8%E6%A0%87%E7%AD%BE%E9%A1%B5%E5%88%86%E5%B1%8F/cianjgodoefcpaifdgbhkbnnpelkakaf
    ltuxer
        7
    ltuxer  
       12 天前
    用 iframe 模式在 IT 之家上预览会触发页面跳转

    大佬应该是专业的,建议支持预览 Iframe shadow root 下的链接

    我的那款预览插件也有想过做 iframe 和 弹窗融合,但感觉肝不动了
    tomowang
        8
    tomowang  
    OP
       12 天前
    @ltuxer 试了下 IT 之家确实会。感觉是这个站点有特殊的处理。得研究下了。另外您说的预览 iframe shadow root 下的链接是指嵌套预览吗?目前预览的 iframe 本身是在 shadow root 下,不过没做嵌套
    ltuxer
        9
    ltuxer  
       12 天前
    @tomowang 有些链接是在 shadow root 里面的,如 B 站视频评论区, 有些链接是在 iframe 里的,如 IT 之家文章页面里的 “大家在看” 下方的
    tomowang
        10
    tomowang  
    OP
       12 天前
    @ltuxer 学习了,我研究下
    JeremyFeng
        11
    JeremyFeng  
       11 天前
    很棒的插件。我想问一下,我点击弹出的窗口周围时,应该也触发了失焦吧,但窗口没有关闭。目前好像只能点击右上角的 X 或者按 ESC 关闭窗口。
    tomowang
        12
    tomowang  
    OP
       10 天前
    @JeremyFeng 对,这个还没做,我回头补下功能
    JeremyFeng
        13
    JeremyFeng  
       9 天前
    @tomowang #12 现在可以了
    tomowang
        14
    tomowang  
    OP
       9 天前
    @JeremyFeng 对,昨天修了,chrome 已经上架了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1059 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 19:17 · PVG 03:17 · LAX 11:17 · JFK 14:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.