Greasy Fork

Greasy Fork is available in English.

IP信息显示 - 液态玻璃版

苹果液态玻璃风格IP信息显示 - 悬停展开(带国旗)

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
GQLJ
日安装量
0
总安装量
24
评分
0 1 0
版本
1.1
创建于
2025-12-18
更新于
2025-12-18
大小
30.9 KB
许可证
MIT
适用于
所有网站

📍 IP信息显示 - 液态玻璃版

一款采用苹果液态玻璃设计风格的IP信息显示工具,优雅地展示您的网络信息。


✨ 主要特性

视觉设计

  • 液态玻璃效果:采用苹果风格的毛玻璃材质(blur 30px + 饱和度增强 + 亮度提升)
  • 彩虹光晕:悬停时显示动态彩虹边框效果
  • 光泽层:顶部渐变光泽,模拟真实玻璃的高光反射
  • 流畅动画:所有交互都带有精心调校的过渡动画(0.4s 缓动)

交互体验

  • 悬停展开/收起:鼠标移入自动展开(150ms延迟),移出自动收起(200ms延迟)
  • 侧边栏吸附:默认吸附在屏幕右侧(或左侧),收起状态仅显示小图标
  • 智能防误触:展开/收起带延迟,避免鼠标快速滑过时闪烁
  • 拖拽定位:长按面板可拖动到任意位置,自动保存
  • 右键菜单:快速切换位置和吸附侧

信息显示

  • IP 地址:当前设备的公网 IP(等宽字体显示)
  • 国家/地区:显示真实国旗 emoji + 国家名称
  • 城市:当前 IP 所在城市
  • 运营商:ISP 名称
  • 网络延迟:实时测试到 Cloudflare 的 Ping 值(绿色胶囊样式)
  • 时区坐标:时区信息 + 经纬度坐标

国旗显示

  • 收起状态:显示当前 IP 国家的国旗 emoji(带呼吸动画)
  • 展开状态:国家/地区一栏显示国旗 + 国家名
  • 自动识别:支持全球所有国家/地区的国旗,自动根据 IP 生成

自定义位置

通过右键菜单可以设置:

  • 左右侧吸附:选择吸附到左侧或右侧
  • 上中下固定:固定在顶部、中间或底部
  • 自由拖拽:长按拖动到任意位置,自动保存配置

性能优化

  • GPU 硬件加速,所有动画流畅运行
  • 标签页不可见时自动暂停动画,节省资源
  • 平衡的模糊度配置(blur 30px)
  • CPU 占用 < 2%,适合长期运行

📖 使用方法

  1. 查看信息:将鼠标移到侧边的小图标上,自动展开显示详细信息
  2. 切换位置:右键点击面板 → 选择吸附侧(左/右)和固定位置(上/中/下)
  3. 自由定位:长按面板拖动到任意位置,松开后自动保存
  4. 查看国旗:收起状态下图标显示当前 IP 国家的国旗

🌐 数据来源

  • IP 地理位置ip-api.com(免费公开 API)
  • 网络延迟测试:Cloudflare CDN

🎨 设计灵感

灵感来源于 Apple macOS 和 iOS 的毛玻璃设计语言(Frosted Glass / Vibrancy),参考了 macOS 控制中心、iOS 通知中心等系统界面的设计风格。


📝 更新日志

v1.0(首次发布)

  • 液态玻璃效果设计
  • 悬停自动展开/收起交互
  • 国旗显示功能(收起状态显示国旗 emoji)
  • 左右侧吸附支持
  • 自由拖拽定位
  • 实时网络延迟显示
  • 地理位置信息展示
  • 性能优化,资源占用低

❓ 常见问题

Q: 如何切换到左侧显示? A: 右键点击面板 → 选择"吸附到左侧"

Q: 如何固定到屏幕顶部? A: 右键点击面板 → 选择"固定在顶部"

Q: 为什么延迟显示不出来? A: 延迟测试需要访问 Cloudflare,如果网络不通或被拦截会显示不出来

Q: 国旗显示错误怎么办? A: 国旗是根据 IP 地理位置自动识别的,如果使用 VPN/代理可能显示代理服务器所在国家的国旗


🔒 隐私说明

本脚本仅显示您的网络信息,不收集、不存储、不上传任何数据。

所有请求均为客户端直接调用公开 API,不经过任何第三方服务器。位置偏好等配置数据仅保存在本地浏览器,不会上传。


📄 开源协议

MIT License


享受丝滑的 IP 信息查看体验!