LocalTools離線瀏覽器工具合集

分類: 開發工具

HTML 格式化工具

站方自行規劃沒找到想要的工具？

在本機對 HTML 進行縮排美化，不更動 script 或 style 中的內容

貼上 HTML 即可重新縮排巢狀標籤，提升可讀性。<script>、<style>、<textarea> 與 <pre> 內部的內容維持不變，避免嵌入的程式碼或格式被破壞。所有處理都在瀏覽器中完成。

已格式化。

原始大小166 B格式化後大小204 B
格式化後的 HTML
<main>
  <!-- LocalTools example -->
  <h1>Offline browser tools</h1>
  <p>
    Everything runs
    <b>on your device</b>
    .
  </p>
  <ul>
    <li>No upload</li>
    <li>No account</li>
  </ul>
</main>

這是一個輕量級的縮排工具，不是驗證工具——它不會修復不匹配或未關閉的標籤。

本頁的所有處理都在瀏覽器中完成，不會上傳任何內容。

這個工具能做什麼

HTML 格式化工具會重新縮排巢狀元素，讓層級很深的頁面結構不需開發者工具面板也能一目了然。此工具是輕量級的縮排工具，而非完整的解析器：它能識別標籤、註解與 doctype，但不會驗證標記語言，也不會修復不匹配的標籤。

使用方式

  1. 把 HTML 貼到輸入框，或載入範例。
  2. 選擇 2 或 4 個空格的縮排。
  3. 把格式化後的結果複製回你的專案。

隱私說明

本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享，關閉分頁就隨之消失。

常見問題

我的 HTML 會被上傳嗎？
不會。格式化由頁面內執行的 JavaScript 完成，你的標記內容不會離開你的裝置。
它會更動 <script> 或 <style> 標籤內的內容嗎？
不會。嵌入的 JavaScript 與 CSS 會原封不動地複製，因為重新排列可能會改變其含義。
它會修復損壞或不匹配的 HTML 嗎？
不會。它只會根據找到的標籤重新縮排；不會驗證或修復無效的標記語言。

回到全部工具