页面检查器

页面检查器是一个免费的网页分析器，揭示任何实时站点是如何构建的：它渲染的字体、调色板、每张图片和内联 SVG、链接，以及快速的技术概览。它完全在你的浏览器中运行、不上传，因此是一种快速、私密的方式来查找网站字体、提取网站颜色、审查图片或获取 SVG 图标 —— 无论你是逆向布局的设计师、调试的开发者，还是纯粹好奇的人。

使用方法

1. 试试上面的实时演示 —— 它在概览、字体、颜色、图片、SVG 和链接标签中分析本页。
2. 要检查任何其他站点，把下面的 页面检查器 按钮拖到书签栏。
3. 打开任意网站并点击书签 —— 一个面板会在其上打开。
4. 切换标签来阅读它的字体、复制 hex 颜色、打开图片，或复制内联 SVG 标记。

它检查什么

1. 字体 —— 实际渲染的字体族，连同字重和斜体，按使用量排序。
2. 颜色 —— 文字、背景和边框颜色以 hex 表示，按频率排序，让品牌色先浮现。
3. 图片 —— 每个 <img> 以及 CSS 背景图片，连同格式和原始尺寸。
4. SVG —— 内联 SVG 图标，带预览和一键查看标记。
5. 链接 —— 所有链接分为内部和外部。
6. 概览 —— 标题、meta 描述、canonical、DOM 节点数、脚本/样式表数量，以及大致的 HTML 大小。

因为它读取渲染后的页面，所以报告用户实际看到的字体和颜色，而不仅是样式表中声明的。要构建它呈现的 SEO 标签，请搭配 Meta 标签生成器 使用。

负责任地使用

页面检查器是一个用于分析页面结构、样式和媒体的开发与学习工具 —— 与你浏览器内置的开发者工具已经暴露的信息相同。它不复制、存储或再分发内容：图片和视频在新标签中打开，SVG 代码仅供查看。你查看的所有图片、视频和 SVG 仍然是其原始所有者（网站及其作者）的财产。你对如何使用它呈现的内容负全部责任；未经许可请勿再用受版权保护的资产。请参阅我们的 使用条款。