☰

链接预览

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

作者
hzhbest
日安装量
0
总安装量
749
评分
16 0 0
版本
2.5
创建于
2023-12-26
更新于
2024-11-22
许可证
MIT
适用于
所有网站

用法

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

特性

  • 点击左上角手柄旁的“T”键可钉住（注3）预览窗。
  • 可以通过脚本管理扩展（TamperMonkey、GreaseMonkey等）的菜单切换悬浮预览模式还是点击预览模式。
  • 可通过上述菜单切换是否默认钉住预览窗。
  • 可通过上述菜单临时开关预览功能，也可通过快捷键进行（默认快捷键为 Ctrl - Alt - v）。
  • 可通过上述菜单设置或删除当前域名关联的预览窗默认大小。
  • 预览窗默认在图标附近显示并智能定位。
  • 预览页面默认稍为缩小以显示更多内容。
  • 拖动左上角的手柄可以移动预览窗，拖动右下角的手柄可以调整预览窗的大小。
  • 支持B站、西瓜视频的链接直接预览视频，视频加载后会自动按照视频比例调整预览窗大小。
  • 可在代码中修改部分高级设置，例如默认预览窗大小，是否显示左侧调整大小手柄等。

一些说明

  • 注0. 不含链接地址、指向当前页面锚点的链接都不会被添加图标。
  • 注1. 图标显示的位置可能受制于链接所在节点的排版，有可能会显得与链接有点距离，但总体都能在链接周围找到。
  • 注2. 所要预览链接的网页的安全策略可能会造成预览显示空白或显示错误信息。
  • 注3. 钉住预览窗后，预览窗将会保持显示、不因预览窗外点击关闭，位置将相对屏幕固定，也就是不随网页滚动，且新触发的预览也不会改变其位置，但仍可被拖动移动。
  • 注4. 悬停预览模式下普通链接默认等待一秒显示预览；对宽度较小的链接为避免误触，会额外增加默认一秒的等待时间。
  • 注5. 点击预览模式下一般链接的预览图标移上即会立即变色，点击图标即预览；宽度较小的链接则需等图标完全变色后对其点击才进行预览，完全变色之前点击视作点击链接本身。
  • 遇到问题或有有用的建议，欢迎在这进行反馈；反馈问题请提供问题描述、引发问题的操作、所在页面地址并最好附上截图。

更新历史

  • 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。
  • 2024-05-02 v2.0 应对谷歌，调整寻找链接机制，增加异常链接排除；应对部分页面自刷新导致图标显示异常情况（有可能需鼠标扫过才恢复）；图标激活效果改为变色反白；代码增加可选开关：[closeOnScoll]预览窗外滚动关闭预览窗。
  • 2024-07-29 v2.1: 修正钉住状态切换无效的bug；修正在新页面打开的URL不随预览窗实际URL的bug；调整预览图标等待延时机制；增加可预览链接交互效果；增加将被预览链接记入历史功能及开关[recordPrevHist]。*后修：在链接和当前页面不同源时预览不显示。
  • 2024-09-03 v2.2：修正图标大小在某些页面变形的问题；增加临时开关；增加iframe应对能力，使新标签页打开预览的页面功能完全正常，且在iframe中的链接能在主页面进行预览（不局限在iframe中）。
  • 2024-09-05 v2.3：修正预览窗标题栏按钮大小；添加快捷键切换临时开关功能。
  • 2024-09-08 v2.4：修正悬停预览模式下链接预览样式被误触发的问题，修正已有钉住的预览窗时依然随新链接移动的问题。
  • 2024-11-22 v2.5：对可直接预览的视频，预览窗会按视频比例自动调整大小；增加关联域名预览窗大小设置功能；优化预览窗位置自动调整机制，限制预览窗最小宽高。