分类: 开发工具
HTML 属性提取器
从粘贴的 HTML 中列出每个标签及其属性
粘贴 HTML 即可以易读的表格列出每个标签及其属性名称和取值。解析全程在你的浏览器中完成，绝不会执行任何代码。
| 标签 | 属性 |
|---|---|
a | href="/pricing" class="nav-link" data-track="pricing" |
img | src="/logo.svg" alt="LocalTools" width="120" height="32" |
input | type="email" name="email" required placeholder="you@example.com" |
本页的所有处理都在浏览器中完成，不会上传任何内容。
这个工具能做什么
排查跟踪属性、缺失的 id、散落的 data- 属性或不一致的 class 通常需要逐行盯着原始 HTML 查看。本工具会对粘贴的 HTML 文本进行分词，列出其中找到的每个标签及其属性，让你无需渲染整个文档，就能一目了然地扫视整个文档的标记结构。
使用方法
- 在输入框中粘贴 HTML，或加载示例查看格式。
- 查看列出的标签及其属性。
- 检查整个标记中是否存在缺失、重复或异常的属性。
隐私说明
本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享，关闭标签页即随之消失。
常见问题
- 这会执行粘贴的 HTML 中的脚本吗？
- 不会。HTML 只会作为文本被分词器读取，不会被渲染、执行或请求，也不会加载任何外部资源。
- 我的标记会被上传到什么地方吗？
- 不会。一切都在你浏览器标签页中运行的 JavaScript 内完成。
- 它能处理格式不规范的 HTML 吗？
- 它是一个轻量级分词器，而不是完整的 HTML 解析器，因此对常见的手写或生成的标记效果良好，但可能会遗漏一些异常或严重格式错误的内容。