Greasy Fork

Greasy Fork is available in English.

链接预览

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

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

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

用法

  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 针对折行文本优化图标位置算法；增加新标签页打开按钮；增加左侧调整大小手柄；增加默认钉住预览窗选项。