Greasy Fork

Greasy Fork is available in English.

CDN & Server Info Displayer Enhanced (增强版CDN及服务器信息显示)

[Major Update] Massively expanded CDN detection library based on 'humble' data. Using Shadow DOM for complete style isolation.【重大更新】基于'humble'数据大幅扩充CDN识别库，并使用Shadow DOM实现彻底样式隔离。

当前为 2025-06-11 提交的版本，查看 最新版本。

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

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

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

（我已经安装了用户脚本管理器，让我安装！）

如何安装

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

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

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

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

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

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

（我已经安装了用户样式管理器，让我安装！）

作者
抛物线
评分
0 0 0
版本
2025.06.13.2
创建于
2025-06-10
更新于
2025-06-11
大小
19.0 KB
许可证
MIT
适用于
所有网站

📘 简介 (Introduction)

CDN & Server Info Displayer Enhanced 是一个功能强大的浏览器用户脚本，它能自动检测并显示您当前访问网页所使用的 CDN（内容分发网络）、服务器类型 以及 缓存状态 等关键技术信息。

脚本会在页面右下角生成一个非侵入式、可拖动的悬浮信息面板，让您对网站的技术架构一目了然。无论您是开发者、网络工程师，还是对网站技术充满好奇的用户，这个工具都将是您分析网络性能、了解网站部署架构的得力助手。

得益于 humble 项目的强大数据支持和持续的社区反馈，本脚本拥有目前最广泛、最精确的 CDN 识别库之一。

🚀 功能亮点 (Key Features)

✅ 广泛的CDN支持:

  • 内置了对全球数十家主流CDN和服务商的识别规则，包括：
    • Cloudflare, AWS CloudFront, Akamai, Fastly, Vercel, Netlify
    • Tencent Cloud, Alibaba Cloud, ByteDance Edge
    • Imperva, Sucuri, BunnyCDN, KeyCDN, CDN77 等
  • 能够识别 Varnish、Nginx 等通用缓存服务器。

🧠 精准的缓存状态:

  • 显示以下缓存命中状态：
    • HIT（命中缓存）: 加载速度最快
    • MISS（未命中）: 回源请求，速度较慢
    • BYPASS（绕过缓存）: 直接访问源站
    • DYNAMIC（动态内容）: 不进行缓存
  • 在信息不足时，基于 server-timing 等线索进行智能推断，并标记为 (inferred)。

🎨 强大的样式隔离:

  • 采用 Shadow DOM 技术构建 UI 界面：
    • 防止网页 CSS 污染
    • 保证统一、美观的视觉体验

🪟 非侵入式 UI:

  • 信息面板为可拖动的悬浮窗，展示简洁不打扰
  • 鼠标悬停时面板略微放大并提高透明度
  • 提供关闭按钮，可随时关闭

🧹 智能过滤规则:

  • 自动在以下页面禁用：
    • 支付、结账、登录等敏感页面
    • 小尺寸的 iframe、广告或弹窗中
  • 避免干扰正常网页浏览

🛠️ 如何使用 (How to Use)

  1. 安装用户脚本管理器：

  2. 安装本脚本：

    • 安装好管理器后，点击页面上的“安装脚本”按钮

  3. 开始使用：

    • 访问任意网站，脚本自动运行
    • 检测到信息后，信息面板将出现在页面右下角

  4. 操作说明：

    • 拖动：按住面板主体拖动到任意位置
    • 关闭：鼠标悬停，点击左上角红色 × 关闭
    • 查看完整信息：鼠标悬停在信息值上即可显示完整内容

📊 信息解读 (Interpreting the Information)

  • CDN / Server: 显示识别出的 CDN 服务商或服务器软件名称

  • Cache: 当前页面的缓存状态

    • HIT: 命中缓存
    • MISS: 未命中，回源获取
    • BYPASS: 绕过缓存
    • DYNAMIC: 动态内容不缓存
    • 其他状态如 UPDATING, STALE 等也会显示
    • (*inferred*): 表示是根据间接线索推断得出

  • POP (Point of Presence):

    • 表示 CDN 的边缘节点代码（如机场代码、城市缩写）

  • Extra Info:

    • 显示如 Cloudflare 的 Ray ID 或阿里云的 TraceID，用于排查请求记录

⚠️ 注意事项 (Notes)

  • 由于浏览器安全策略（CORS），部分网站可能无法成功获取 HTTP 头信息
  • 脚本会尝试使用页面内容进行推断（DOM-based fallback），或显示“检测受限”
  • 识别准确性依赖于服务器返回的 HTTP 特征头
  • 本工具主要用于前端性能分析和技术研究，显示信息仅供参考