链接预览

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

目前為 2024-01-01 提交的版本,檢視 最新版本

作者
hzhbest
評價
0 0 0
版本
1.1
建立日期
2023-12-26
更新日期
2024-01-01
尺寸
25.1 KB
授權條款
MIT
腳本執行於
所有網站

用法

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

特性

  • 预览窗在图标附近展开,自动避免超出窗口。
  • 预览页面稍为缩小以显示更多内容。
  • 拖动左上角的手柄可以移动预览窗。
  • 拖动右下角的手柄可以调整预览窗的大小。

一些说明

  1. 图标显示的位置可能受制于链接所在节点的设计不一定紧贴链接,但总体都能在链接周围找到。
  2. 以下情况会导致无法预览:网页自身不允许在外站iframe中打开(如油管);因含有混合内容触发浏览器安全规则而不允许在iframe中显示。
  3. 遇到问题或有有用的建议,欢迎在这进行反馈;反馈问题请提供问题描述、引发问题的操作、所在页面地址并最好附上截图。

更新历史

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

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址