Greasy Fork is available in English.

链接预览

鼠标指向链接标识图标预览链接网页

Autor
hzhbest
Installationen heute
4
Installationen gesamt
190
Bewertungen
7 0 0
Version
1.9
Erstellt am
26.12.2023
Letzte Aktualisierung
23.02.2024
Lizenz
MIT
Wird angewandt auf
Alle Seiten

用法

  1. 鼠标移向你感兴趣的链接(注0),链接周围(注1)将出现一个图标。该图标以不同的图形表示该链接属于站内还是外站。(注:域名不同视为外站)
  2. 悬浮预览模式(特性1):鼠标移到该图标上时,图标会变色并在一秒后(注4)显示预览窗,预览窗会加载链接指向的网页(注2)。
  3. 点击预览模式:鼠标移到该图标上,若图标完全变色(注5)即可点击显示预览窗。
  4. 点击预览窗右上角的关闭按钮,或点击预览窗外任意地方(注3),均可关闭预览窗。
  5. 点击预览窗左上角的“↗”按钮可在新标签页打开预览窗内的网页(注6)。

特性

  • 可以通过脚本管理扩展(TamperMonkey、GreaseMonkey等)的菜单切换悬浮预览模式还是点击预览模式。
  • 预览窗默认在图标附近显示并智能定位。
  • 预览页面默认稍为缩小以显示更多内容。
  • 拖动左上角的手柄可以移动预览窗,拖动右下角的手柄可以调整预览窗的大小。
  • 点击左上角手柄旁的“T”键可钉住(注3)预览窗。
  • 支持B站、西瓜视频的链接直接预览视频。
  • 可在代码中修改部分高级设置,例如默认预览窗大小,是否显示左侧调整大小手柄等。

一些说明

  • 注0. 不含链接地址、指向当前页面锚点的链接都不会被添加图标。
  • 注1. 图标显示的位置可能受制于链接所在节点的设计,有可能会显得与链接有点距离,但总体都能在链接周围找到。
  • 注2. 以下情况会导致无法预览:网页自身禁止在外站iframe中打开(如油管);因网页含有混合内容而被浏览器安全规则禁止在iframe中显示;外站需登录显示的内容无法显示(即只能预览非登录状态外站页面)。
  • 注3. 钉住预览窗后,预览窗将会保持显示、不因预览窗外点击关闭,位置将相对屏幕固定,也就是不随网页滚动,且新触发的预览也不会改变其位置,但仍可被拖动移动。
  • 注4. 悬停预览模式下普通链接默认等待一秒显示预览;对宽度较小的链接为避免误触,会额外增加默认一秒的等待时间。
  • 注5. 点击预览模式下一般链接的预览图标移上即会立即变色,点击图标即预览;宽度较小的链接则需等图标完全变色后对其点击才进行预览,完全变色之前点击视作点击链接本身。
  • 注6. 在新标签页打开的是预览窗内的页面的链接(该页面本身未保存的数据将不能带到新标签页中);若果在预览窗中曾跳转过页面,则此时打开的并非被预览链接指向的页面。
  • 遇到问题或有有用的建议,欢迎在这进行反馈;反馈问题请提供问题描述、引发问题的操作、所在页面地址并最好附上截图。

更新历史

2023-12-31 v1.0 在0.2版基础上,实现了预览窗拖动移动、拖动调整大小,添加了弹出、加载、关闭动画,优化了图标显示的位置,优化预览页面缩小效果。

2024-01-01 v1.1 修正有时预览窗大小过小问题,调整预览窗放大率。

2024-01-02 v1.2 优化样式,优化图标位置算法。

2024-01-12 v1.4 增加小面积链接的触发延时,减少误触;改进图标、预览窗定位算法;应对视频网站链接;增加钉住按钮。

2024-01-31 v1.5 修正避免重复触发预览的算法,修正预览窗标题显示不全问题;在mega和github上禁用。

2024-01-31 v1.6 修正因默认放大率导致视频预览时跳动问题(只影响已应对的视频网站且放大才明显故一直没发现)。

2024-02-01 v1.7 增加切换点击还是悬停预览的菜单项。

2024-02-22 v1.8 针对折行文本优化图标位置算法;增加新标签页打开按钮;增加左侧调整大小手柄;增加默认钉住预览窗选项。

2024-02-23 v1.9 修复忽略掉含有target属性链接的bug。