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

72 天前
tomowang  tomowang

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

Chrome Web Store Microsoft Edge Addons Firefox Add-ons

主要功能:

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

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

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

会有很多网站不允许加载 iframe 。你是怎么解决的。
tomowang
71 天前
iframe 确实很多站点不允许加载,github 就不允许 iframe 加载,主要是安全性的 HTTP 头。我使用了 browser.declarativeNetRequest.updateSessionRules 这个函数。具体参考这个 commit
https://github.com/tomowang/peek-preview/commit/099a9a4c55d377e3b69e9d7a20b0cbaf3d964a26#diff-8d11bb5e767a7727c1d6e56e994158a624642b373408c225fe0008f61b562f3dR47
dufu1991
71 天前
@tomowang #2 shift 和拖拽都一样的
eryajf
71 天前
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
71 天前
用 iframe 模式在 IT 之家上预览会触发页面跳转

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

我的那款预览插件也有想过做 iframe 和 弹窗融合,但感觉肝不动了
tomowang
71 天前
@ltuxer 试了下 IT 之家确实会。感觉是这个站点有特殊的处理。得研究下了。另外您说的预览 iframe shadow root 下的链接是指嵌套预览吗?目前预览的 iframe 本身是在 shadow root 下,不过没做嵌套
ltuxer
71 天前
@tomowang 有些链接是在 shadow root 里面的,如 B 站视频评论区, 有些链接是在 iframe 里的,如 IT 之家文章页面里的 “大家在看” 下方的
tomowang
71 天前
@ltuxer 学习了,我研究下
JeremyFeng
70 天前
很棒的插件。我想问一下,我点击弹出的窗口周围时,应该也触发了失焦吧,但窗口没有关闭。目前好像只能点击右上角的 X 或者按 ESC 关闭窗口。
tomowang
69 天前
@JeremyFeng 对,这个还没做,我回头补下功能
JeremyFeng
68 天前
@tomowang #12 现在可以了
tomowang
68 天前
@JeremyFeng 对,昨天修了,chrome 已经上架了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1097150

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX