# \[开源自荐\] 快速预览链接插件

**URL:** <https://meta.appinn.net/t/topic/61960>\
**Category:** 发现频道\
**Tags:** chrome, appinned, firefox\
**Created:** [2024 年10 月 14 日 04:12 UTC](https://meta.appinn.net/t/topic/61960 "2024-10-14T04:12:05Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

作者： ![xicheng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/xicheng/32/58622_2.png) [@xicheng](https://meta.appinn.net/u/xicheng)\
发布日期： [2024 年10 月 14 日 04:12 UTC](https://meta.appinn.net/t/topic/61960/1 "2024-10-14T04:12:05Z")

</div>

# Smart Preview

> 在 mac 上使用了 Arc 浏览器，最让我难忘的就是 Arc 的 peek 功能。可以直接预览链接而不需要打开过多的标签，也不需要手动关闭。后因为一些原因换回了 window，但对这个功能还是念念不忘，所以在思索着开发一个这个功能的平替插件。希望能帮到你们。Enjoy～

Smart Preview 是一个强大的浏览器扩展，旨在提升您的网页浏览体验。它允许用户快速预览链接内容，而无需打开新的标签页。

[![](https://h1.appinn.me/file/1729227316885_merged_image.png) ](https://h1.appinn.me/file/1729227316885_merged_image.png)

主界面

[![](https://h1.appinn.me/file/1728886644952_v2.png) ](https://h1.appinn.me/file/1728886644952_v2.png)

v2ex-自动记忆位置

[![](https://h1.appinn.me/file/1728886687966_github.png) ](https://h1.appinn.me/file/1728886687966_github.png)

github-自动记忆位置

## 主要特性

- **快速预览** ：通过Shift+点击链接，在弹出窗口中预览内容。
- **智能窗口管理** ：
  - 居中模式：将预览窗口居中显示。
  - 智能模式：记忆并恢复上次的窗口位置和大小。

- **自定义设置** ：
  - 调整预览窗口的宽度和高度。
  - 支持多语言设置。

- **便捷操作** ：
  - 复制链接
  - 在新标签页中打开
  - 在当前标签页中打开
  - 使用Esc键快速关闭预览窗口

- **跨浏览器兼容** ：使用WXT框架开发，支持多种主流浏览器。

## 安装

1. 从[发布页面](https://github.com/XiCheng148/SmartPreview/releases)下载最新版本的扩展文件（.zip），或者在[蓝奏云](https://wwmc.lanzoue.com/i7oae2chxwna)下载。  
:pleading_face: :pleading_face: :pleading_face:  
求 **Star** 谢谢喵
2. 解压下载的文件。
3. 在浏览器中打开扩展管理页面。
4. 启用"开发者模式"。
5. 点击"加载已解压的扩展程序"，然后选择解压后的文件夹。

## 使用方法

1. 安装扩展后，在任何网页上按住Shift键并点击链接。
2. 预览窗口将会打开，显示链接内容。
3. 使用窗口顶部的按钮进行复制链接、新标签页打开等操作。
4. 按Esc键或点击窗口外部区域关闭预览。

最后下载地址[发布页面](https://github.com/XiCheng148/SmartPreview/releases)、[蓝奏云](https://wwmc.lanzoue.com/i7oae2chxwna)下载。

---

<div class="post-metadata">

作者： ![L\_hiil](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/l_hiil/32/20281_2.png) [@L\_hiil](https://meta.appinn.net/u/L_hiil)\
发布日期： [2024 年10 月 14 日 04:39 UTC](https://meta.appinn.net/t/topic/61960/2 "2024-10-14T04:39:55Z")

</div>

为何不大胆一点用点击来预览，还要加个前置按键呢？:laughing:  
自己实现不了双击预览，只好搞了个单击的自用，点击预览，双击当普通单击使用

> **[GitHub - u-Sir/Peek-Pop\_onClick: click to preview, double click to open as normal...](https://github.com/u-Sir/Peek-Pop_onClick)**
>
> click to preview, double click to open as normal click.

---

<div class="post-metadata">

作者： ![OsemitLveNa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/osemitlvena/32/57545_2.png) [@OsemitLveNa](https://meta.appinn.net/u/OsemitLveNa)\
发布日期： [2024 年10 月 14 日 05:00 UTC](https://meta.appinn.net/t/topic/61960/3 "2024-10-14T05:00:47Z")

</div>

[https://chromewebstore.google.com/detail/拖拽预览/fjllepdpgikphekgbinhpdkalliiejdh](https://chromewebstore.google.com/detail/%E6%8B%96%E6%8B%BD%E9%A2%84%E8%A7%88/fjllepdpgikphekgbinhpdkalliiejdh)

---

<div class="post-metadata">

作者： ![xicheng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/xicheng/32/58622_2.png) [@xicheng](https://meta.appinn.net/u/xicheng)\
发布日期： [2024 年10 月 14 日 05:51 UTC](https://meta.appinn.net/t/topic/61960/4 "2024-10-14T05:51:12Z")

</div>

我使用了你的插件感觉还是非常的棒👍，但是感觉还是有点学习成本。

我更希望做到的是 arc 浏览器的 peek 功能平替，加上一些功能。且不挑战用户的使用习惯。

---

<div class="post-metadata">

作者： ![L\_hiil](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/l_hiil/32/20281_2.png) [@L\_hiil](https://meta.appinn.net/u/L_hiil)\
发布日期： [2024 年10 月 14 日 05:54 UTC](https://meta.appinn.net/t/topic/61960/5 "2024-10-14T05:54:06Z")

</div>

所以我也是留着自用没做打包 :grin:

---

<div class="post-metadata">

作者： ![xicheng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/xicheng/32/58622_2.png) [@xicheng](https://meta.appinn.net/u/xicheng)\
发布日期： [2024 年10 月 14 日 06:33 UTC](https://meta.appinn.net/t/topic/61960/6 "2024-10-14T06:33:47Z")

</div>

这个插件和上面是同一个作者吧。

---

<div class="post-metadata">

作者： ![showyoubetter](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/s/41988e/32.png) [@showyoubetter](https://meta.appinn.net/u/showyoubetter)\
发布日期： [2024 年10 月 14 日 17:22 UTC](https://meta.appinn.net/t/topic/61960/7 "2024-10-14T17:22:49Z")

</div>

是不是这个[油猴插件](https://greasyfork.org/zh-CN/scripts/483134-%E9%93%BE%E6%8E%A5%E9%A2%84%E8%A7%88)的效果

---

<div class="post-metadata">

作者： ![xicheng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/xicheng/32/58622_2.png) [@xicheng](https://meta.appinn.net/u/xicheng)\
发布日期： [2024 年10 月 15 日 01:21 UTC](https://meta.appinn.net/t/topic/61960/8 "2024-10-15T01:21:54Z")

</div>

是的，他这个应该是用 iframe，我之前也实现过一版，但是限制比较多。  
如果感兴趣可以去[GITHUB](https://github.com/XiCheng148/Awesome-Preview)下载试试，界面动效会比这个油猴的插件好不少。

---

<div class="post-metadata">

作者： ![yimi](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/yimi/32/47101_2.png) [@yimi](https://meta.appinn.net/u/yimi)\
发布日期： [2024 年10 月 15 日 01:29 UTC](https://meta.appinn.net/t/topic/61960/9 "2024-10-15T01:29:54Z")

</div>

会上架谷歌商店吗大佬  
1 在当前标签页打开好像没用，点了后就是关闭窗口。是返回原窗口吗  
2 如果在上一个弹窗中再次Shift点击链接，出现的新窗口会按比例再次缩小。要是直接在这个弹窗中更新就好了，还支持后退时返回上一个网址  
3 点击其他窗口时，该弹窗自动关闭，可以弄个快捷键来临时取消本次自动关闭吗

---

<div class="post-metadata">

作者： ![xicheng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/xicheng/32/58622_2.png) [@xicheng](https://meta.appinn.net/u/xicheng)\
发布日期： [2024 年10 月 15 日 01:42 UTC](https://meta.appinn.net/t/topic/61960/10 "2024-10-15T01:42:18Z")

</div>

1. 会上架谷歌商店吗  
我有空了研究一下，我没有海外支付方式（开发者账号好像需要支付一定的费用）。
2. 在当前标签页打开好像没用，点了后就是关闭窗口。是返回原窗口吗  
是的简单说就是替换原来的窗口，这是个 bug。可能会考虑删除这个功能，看起来也不是很有用。
3. 如果在上一个弹窗中再次Shift点击链接，出现的新窗口会按比例再次缩小。要是直接在这个弹窗中更新就好了，还支持后退时返回上一个网址。  
你可以开智能模式试试应该就不会了。居中模式就是这个套娃的逻辑。
4. 点击其他窗口时，该弹窗自动关闭，可以弄个快捷键来临时取消本次自动关闭  
可以的，不过需要考虑下实现方式，目前想到的就是在右上角加个 hold on 按钮。

都是很好的建议，我后续会考虑必要性和优先级一个个实现。

---

<div class="post-metadata">

作者： ![Evelynall](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/evelynall/32/53453_2.png) [@Evelynall](https://meta.appinn.net/u/Evelynall)\
发布日期： [2024 年10 月 15 日 01:47 UTC](https://meta.appinn.net/t/topic/61960/11 "2024-10-15T01:47:50Z")

</div>

三个都试用了一下，虽然那个油猴插件的UI比较简陋，但是它可以鼠标悬停预览的功能我觉得很方便欸

---

<div class="post-metadata">

作者： ![akibaizumi](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/a/d6d6ee/32.png) [@akibaizumi](https://meta.appinn.net/u/akibaizumi)\
发布日期： [2024 年10 月 15 日 02:07 UTC](https://meta.appinn.net/t/topic/61960/12 "2024-10-15T02:07:25Z")

</div>

油猴脚本我随便测试了一下 小众是可以预览 然油猴自己就直接显示 **[greasyfork.org](http://greasyfork.org)** 已拒绝连接。Github同样问题

---

<div class="post-metadata">

作者： ![Evelynall](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/evelynall/32/53453_2.png) [@Evelynall](https://meta.appinn.net/u/Evelynall)\
发布日期： [2024 年10 月 15 日 02:14 UTC](https://meta.appinn.net/t/topic/61960/13 "2024-10-15T02:14:37Z")

</div>

大概是iframe框架的问题？很多网页不允许在iframe框架内显示，我只是说这个悬停预览很方便而已 :joy:

---

<div class="post-metadata">

作者： ![hzhbest](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/h/e9a140/32.png) [@hzhbest](https://meta.appinn.net/u/hzhbest)\
发布日期： [2024 年10 月 15 日 02:17 UTC](https://meta.appinn.net/t/topic/61960/14 "2024-10-15T02:17:51Z")

</div>

> [@akibaizumi](#):
>
> 油猴自己就直接显示 **[greasyfork.org](http://greasyfork.org)** 已拒绝连接。Github同样问题

浏览器安全功能的限制，见下面讨论的前几楼：

> **[链接预览](https://greasyfork.org/zh-CN/scripts/483134-%E9%93%BE%E6%8E%A5%E9%A2%84%E8%A7%88/discussions/253943)**
>
> 鼠标指向链接标识图标预览链接网页

如果不使用iframe直接使用原生窗口可避免这个限制，其他脚本和插件已有实现，用户可自行取舍。  
——  
另外我这脚本比简单的链接预览多了对部分视频网站的链接直接预览视频的功能 😄

---

<div class="post-metadata">

作者： ![xicheng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/xicheng/32/58622_2.png) [@xicheng](https://meta.appinn.net/u/xicheng)\
发布日期： [2024 年10 月 15 日 02:24 UTC](https://meta.appinn.net/t/topic/61960/15 "2024-10-15T02:24:46Z")

</div>

这是个非常棒的功能，之前使用另一个 [bilibili-app-recommend](https://greasyfork.org/zh-CN/scripts/443530-bilibili-app-recommend)也支持这个功能，且支持用视频分辨率还是宽高比调整窗口大小，感觉还是挺好用的。  
没想到已经有这么多轮子了 :rofl:

---

<div class="post-metadata">

作者： ![xicheng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/xicheng/32/58622_2.png) [@xicheng](https://meta.appinn.net/u/xicheng)\
发布日期： [2024 年10 月 15 日 02:31 UTC](https://meta.appinn.net/t/topic/61960/16 "2024-10-15T02:31:27Z")

</div>

这就看取舍了。

---

<div class="post-metadata">

作者： ![xicheng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/xicheng/32/58622_2.png) [@xicheng](https://meta.appinn.net/u/xicheng)\
发布日期： [2024 年10 月 15 日 02:31 UTC](https://meta.appinn.net/t/topic/61960/17 "2024-10-15T02:31:49Z")

</div>

同源策略限制

---

<div class="post-metadata">

作者： ![yimi](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/yimi/32/47101_2.png) [@yimi](https://meta.appinn.net/u/yimi)\
发布日期： [2024 年10 月 16 日 14:08 UTC](https://meta.appinn.net/t/topic/61960/18 "2024-10-16T14:08:03Z")

</div>

今天用下来，还有点建议  
1 在之前的弹窗上继续Shift点击时不用关闭之前的弹窗，点击原来的主窗口时关闭所有打开的弹窗。之前加了hold on的还是不会关闭。  
2 替换原窗口那个功能还是希望保留，还想再多个在后台打开新标签页，这些按钮不知道可不可以做成其他插件那种有一个按钮的，鼠标移上去就弹出其他按钮。  
3 智能模式下点了在新标签页打开后，位置尺寸会变成全屏大小。  
4 在弹窗里按中键打开里面的链接时，该弹窗也会关闭，可不可以保持这个弹窗。

---

<div class="post-metadata">

作者： ![xicheng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/xicheng/32/58622_2.png) [@xicheng](https://meta.appinn.net/u/xicheng)\
发布日期： [2024 年10 月 17 日 01:49 UTC](https://meta.appinn.net/t/topic/61960/19 "2024-10-17T01:49:53Z")

</div>

今天用下来，还有点建议

1. 在之前的弹窗上继续Shift点击时不用关闭之前的弹窗，点击原来的主窗口时关闭所有打开的弹窗。之前加了hold on的还是不会关闭。
2. 替换原窗口那个功能还是希望保留，还想再多个在后台打开新标签页，这些按钮不知道可不可以做成其他插件那种有一个按钮的，鼠标移上去就弹出其他按钮。
3. 智能模式下点了在新标签页打开后，位置尺寸会变成全屏大小。
4. 在弹窗里按中键打开里面的链接时，该弹窗也会关闭，可不可以保持这个弹窗。

* * *

1. 1 和 4 应该是同一个，后续考虑加上。
2. 后续更改样式。
3. 去下载最新版本，这个问题已解决

---

<div class="post-metadata">

作者： ![ico](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/i/91b2a8/32.png) [@ico](https://meta.appinn.net/u/ico)\
发布日期： [2024 年10 月 17 日 04:58 UTC](https://meta.appinn.net/t/topic/61960/20 "2024-10-17T04:58:27Z")

</div>

上传到Firefox商店免费，不知道Edge商店怎么样

[下一页](https://meta.appinn.net/t/topic/61960.md?page=2)
