分類: 開發工具
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 剖析器，因此對常見的手寫或產生的標記效果良好，但可能會遺漏一些異常或嚴重格式錯誤的內容。