開發者工具 / 15
HTML壓縮器
在瀏覽器中解析HTML、移除註解,並以保守方式合併文件中的空白字元。
HTML壓縮器: TOEA使用瀏覽器的HTML解析器,移除註解節點,並壓縮預先格式化內容、textarea、script和style元素以外的文字空白字元。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。
- 分類
- 開發者工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
哪些空白會保留
每段空格、定位字元和換行都會變成一個空格,而不是直接消失,因為內嵌內容旁的空格仍然可見:在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壓縮器分別壓縮其中的內容。
使用方式
- 貼上HTML。
- 選擇「壓縮HTML」。
- 檢查並下載精簡後的文件。
隱私與限制
文件會留在本機。請務必測試產生的頁面,因為空白字元在內嵌版面中可能具有意義。
相關工具
常見問題
它會移除註解嗎?
會。一般的HTML註解都會被移除。
我應該保留原始檔案嗎?
應該。壓縮後的輸出是部署用產物,不適合作為方便編輯的格式。
免費工具・使用在瀏覽器中次・免註冊