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

[tomowang]

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

主要功能：

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

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

[dufu1991]

为什么我试了下是在新窗口打开的，Mac 最新系统，Chrome 最新版本，Chrome 全屏使用。

[tomowang]

@dufu1991 是 shift 点击还是拖拽的？一种情况如果新装插件的话，老的 tab 不会生效，需要手动刷新下；还有种情况有些页面会屏蔽 shift 点击或者拖拽，这个我还在看怎么解决。感谢反馈

[136178128]

和这个一样的功能。https://github.com/XiCheng148/SmartPreview

会有很多网站不允许加载 iframe 。你是怎么解决的。

[tomowang]

iframe 确实很多站点不允许加载，github 就不允许 iframe 加载，主要是安全性的 HTTP 头。我使用了 browser.declarativeNetRequest.updateSessionRules 这个函数。具体参考这个 commit
https://github.com/tomowang/peek-preview/commit/099a9a4c55d377e3b69e9d7a20b0cbaf3d964a26#diff-8d11bb5e767a7727c1d6e56e994158a624642b373408c225fe0008f61b562f3dR47

[dufu1991]

@tomowang #2 shift 和拖拽都一样的

[eryajf]

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]

用 iframe 模式在 IT 之家上预览会触发页面跳转

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

我的那款预览插件也有想过做 iframe 和 弹窗融合，但感觉肝不动了

[tomowang]

@ltuxer 试了下 IT 之家确实会。感觉是这个站点有特殊的处理。得研究下了。另外您说的预览 iframe shadow root 下的链接是指嵌套预览吗？目前预览的 iframe 本身是在 shadow root 下，不过没做嵌套

[ltuxer]

@tomowang 有些链接是在 shadow root 里面的，如 B 站视频评论区， 有些链接是在 iframe 里的,如 IT 之家文章页面里的 “大家在看” 下方的

[tomowang]

@ltuxer 学习了，我研究下

[JeremyFeng]

很棒的插件。我想问一下，我点击弹出的窗口周围时，应该也触发了失焦吧，但窗口没有关闭。目前好像只能点击右上角的 X 或者按 ESC 关闭窗口。

[tomowang]

@JeremyFeng 对，这个还没做，我回头补下功能

[JeremyFeng]

@tomowang #12 现在可以了

[tomowang]

@JeremyFeng 对，昨天修了，chrome 已经上架了