Greasy Fork

Greasy Fork is available in English.

链接预览

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

当前为 2024-01-12 提交的版本，查看 最新版本。

作者
hzhbest
评分
0 0 0
版本
1.4
创建于
2023-12-26
更新于
2024-01-12
大小
35.7 KB
许可证
MIT
适用于
所有网站

用法

  1. 鼠标移向你感兴趣的链接（*0），链接周围（*1）将出现一个图标。该图表以不同的图形表示该链接属于站内还是外站。（注：域名不同视为外站）
  2. 鼠标移到该图标上时，图标会变色并在一秒后显示预览窗，预览窗会加载链接指向的网页（*2）。
  3. 点击预览窗右上角的关闭按钮，或点击预览窗外任意地方，均可关闭预览窗。

特性

  • 预览窗在图标附近（*3）展开。
  • 预览页面稍为缩小以显示更多内容。
  • 拖动左上角的手柄可以移动预览窗。
  • 点击左上角手柄旁的“T”键可钉住（*4）预览窗。
  • 拖动右下角的手柄可以调整预览窗的大小。
  • 支持B站、西瓜视频的链接直接预览视频。

一些说明

  • *0. 不含链接地址的链接或指向当前页面锚点的链接都不会被添加图标。
  • *1. 图标显示的位置可能受制于链接所在节点的设计，有可能会显得与链接有点距离，但总体都能在链接周围找到。
  • *2. 以下情况会导致无法预览：网页自身禁止在外站iframe中打开（如油管）；因网页含有混合内容而被浏览器安全规则禁止在iframe中显示。
  • *3. 为避免遮盖鼠标所在位置和超出当前视口，预览窗定位会智能调整。
  • *4. 钉住预览窗后，预览窗将会保持显示、不因预览窗外点击关闭，位置将相对屏幕固定，也就是不随网页滚动，且新触发的预览也不会改变其位置，但仍可被拖动移动。
  • 遇到问题或有有用的建议，欢迎在这进行反馈；反馈问题请提供问题描述、引发问题的操作、所在页面地址并最好附上截图。

更新历史

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

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

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

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