HTML 本地分析 · 结构摘要 · 不联网抓取

查看网页源码

粘贴 HTML 后在浏览器本地查看格式化源码、title、资源数量和标题结构，适合做轻量源码排查。

开始使用返回AI工具

本地查看 HTML 结构

把网页源码粘贴进来后，直接本地格式化并查看标签层级、标题和常见资源数量。

快速抽出资源摘要

支持查看 title、meta、script、样式表、图片、链接和表单数量，适合先做源码排查。

不抓远程页面

当前工具不会主动请求网址内容，只分析你当前粘贴的 HTML，避免把源码发到外部。

HTML 本地查看 · 结构摘要 · 不发请求

粘贴网页源码后直接看结构和资源摘要

适合调试 HTML 片段、核对 title / meta / 链接 / 图片数量，或先在本地整理网页源码结构。页面不会去抓真实网站，只处理你当前粘贴的源码。

标签总数

链接 / 图片

0 / 0

网页源码输入

格式化源码输出Title: 未发现

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <title>
      Tokendh 示例页面
    </title>
    <meta name="description" content="演示如何在浏览器本地查看网页源码结构。" />
    <link rel="stylesheet" href="/assets/site.css" />
    <script defer src="/assets/site.js">
    </script>
  </head>
  <body>
    <header>
      <h1>
        欢迎来到 Tokendh
      </h1>
      <nav>
        <a href="/tools">
          工具页
        </a>
        <a href="/docs">
          文档页
        </a>
      </nav>
    </header>
    <main>
      <section>
        <h2>
          今日摘要
        </h2>
        <p>
          这个示例页面用来演示本地查看 title、meta、链接和图片资源。
        </p>
        <img src="/images/example.png" alt="示例图" />
      </section>
    </main>
  </body>
</html>

网页源码只在浏览器本地解析，不会请求目标站点，也不会把源码上传服务器。

源码摘要

Title: 未发现
标签总数: 0
Meta 数量: 0
Script 数量: 0
样式表数量: 0
图片数量: 0
链接数量: 0
表单数量: 0

标题结构

当前源码里还没有检测到 h1 / h2 / h3。

这页不会自动抓取网址内容。若你要看线上网页源码，请先自己复制 HTML 到输入框，再在本地分析结构、链接和资源摘要。

工具使用说明

怎么用查看网页源码

复制网页源码

先从浏览器或开发工具里复制 HTML 源码，再粘贴到当前页面的输入框。

查看格式化结果

页面会在本地整理缩进，并展示 title、标签总数、链接数量和图片数量等信息。

复制摘要继续排查

如果要继续发给同事或记进工单，可以直接复制格式化源码或摘要文本。

功能说明

这个工具解决什么问题

适合哪些源码排查场景

查看网页源码适合快速核对页面 title、meta、资源链接、图片引用和标题结构，也适合临时查看 HTML 片段是否规范。

尤其是在没有完整开发环境、只是想先看源码层级和资源分布时，这种本地分析页会更省事。

为什么不直接输入网址抓取

这轮按要求只做浏览器本地分析，不去发请求抓网页，也不处理跨域和远程采集问题。

如果你要检查线上页面，可以先自己复制源码到这里，再安全地在本地查看结构和摘要。

常见问题

关于查看网页源码，用户常问这些