開發者工具 / 15

HTML壓縮器

在瀏覽器中解析HTML、移除註解,並以保守方式合併文件中的空白字元。

HTML壓縮器: TOEA使用瀏覽器的HTML解析器,移除註解節點,並壓縮預先格式化內容、textarea、script和style元素以外的文字空白字元。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
HTML 壓縮工具本機處理

全程在瀏覽器中執行

哪些空白會保留

每段空格、定位字元和換行都會變成一個空格,而不是直接消失,因為內嵌內容旁的空格仍然可見:在Read <a href="/guide">the guide</a> now中,連結兩側的空格都會保留。只有瀏覽器不會顯示的地方才會移除空白:例如<p>、<li>或<div>等區塊元素的開頭和結尾,以及區塊同層元素之間,例如<li>項目之間的縮排。<pre>、<textarea>、<script>和<style>中的文字會完全按照原樣保留。

CSS可能讓已移除的空格再次變得重要。設定為display: inline-block的<div>,或使用white-space: pre-wrap的段落,都會呈現HTML本身認為不可見的空白,因此部署前請將呈現的頁面與原始內容比較。

瀏覽器剖析器會如何改變內容

片段(例如元件範本)會以片段形式回傳;含有doctype或<html>、<head>、<body>標籤的輸入,則會以完整文件形式回傳。無論哪一種情況,標記都會經過瀏覽器的剖析器:未關閉的標籤會被關閉,放錯位置的元素會被移到剖析器指定的位置,而任何版本的HTML doctype都會變成<!doctype html>。所有註解都會移除,包括以註解形式撰寫的框架標記。

內嵌指令碼和樣式會維持原樣。請使用JavaScript壓縮器和CSS壓縮器分別壓縮其中的內容。

使用方式

  1. 貼上HTML。
  2. 選擇「壓縮HTML」。
  3. 檢查並下載精簡後的文件。

隱私與限制

文件會留在本機。請務必測試產生的頁面,因為空白字元在內嵌版面中可能具有意義。

相關工具

常見問題

它會移除註解嗎?

會。一般的HTML註解都會被移除。

我應該保留原始檔案嗎?

應該。壓縮後的輸出是部署用產物,不適合作為方便編輯的格式。

免費工具・使用在瀏覽器中次・免註冊