检测网页是否使用客户端渲染或服务器端渲染
Google 是否会看到您的内容——或者等待 JavaScript 的空 div？
打开弹出窗口，答案就在那里。 CSR 与 SSR 检测器将服务器发送的原始 HTML 与浏览器实际呈现的内容进行比较，并告诉您页面是如何构建的：服务器端呈现、客户端呈现或混合（孤岛、部分水合）。
然后它会告诉你其他人不知道的部分。
🔍 适合谁
• SEO 专家 — 验证爬虫是否在初始 HTML 中获取真实内容，以免影响排名
• 开发人员 — 确认您的 SSR/Hydration 设置在生产中确实有效，或者在任何站点的底层进行查看
• Web 架构师——收集竞争对手和灵感的渲染策略证据
⚡ 你会得到什么
• 具有置信度分数的判决——以及其背后的每个信号、其贡献的分数以及其观察到的内容。没有黑匣子。
• 渲染位置：在浏览器中构建、在构建时渲染、渲染一次并从 CDN 缓存提供服务，或为此请求渲染 — 从文档自己的响应标头中读取，以及 CDN、缓存状态、期限和 TTFB
• 区域：服务器发送页面的哪些部分以及JavaScript 逐个字符地填充哪些部分。 “#root 在脚本运行后获得了 12,400 个字符”是与“CSR，88%”截然不同的错误报告。
• 框架检测：哪个呈现框架或静态站点生成器构建了页面，由所提供的 HTML 中找到的标记支持
• 技术堆栈：CSS 框架、状态管理、构建工具和托管提供商
• 核心网络生命力：在实时页面上测量的 LCP、CLS、INP、TTFB
• SEO 和可访问性抽查：元标签、开放图谱、结构化数据、替代文本覆盖
• 工具栏图标右侧的 SSR/CSR/MIX 徽章
• DevTools 面板（“渲染”），整个报告为全宽，在每次导航时重新运行
• 最近分析的历史；导出为 JSON、CSV 或 Markdown，或将一行摘要复制到拉取请求中
🔬 如何运作
核心方法是直接证据，而不是猜测：扩展获取页面的原始 HTML 并将其与渲染的 DOM 进行比较。框架水合标记、序列化状态和计时信号完善了判决 - 超过 15 个指标组合成一个加权分数，您可以自行检查。交付和区域分析是分开报告的，并且永远不允许对裁决进行投票，因为文件的传输方式与文件的交付地点不同。
🔒 隐私
分析在您的浏览器本地运行。该扩展程序可以选择共享匿名的聚合统计数据（渲染类型、框架 - 绝不是完整的 URL 或页面路径，仅是站点的来源），以支持渲染趋势的公共仪表板。设置中的一个切换即可完全关闭此功能。响应标头和区域细分根本不会共享。
📖 开源 (MIT) — 阅读代码、提出问题或加注星标：github.com/dzienisz/chrome-ssr-csr