HTML預覽

貼上HTML，即可在手機或電腦瀏覽器中預覽網頁。

輸入的HTML不會傳送或儲存。

HTML輸入

貼上完整HTML文件或片段，然後點擊預覽。

在寬螢幕上停止輸入後會自動更新預覽。執行 JavaScript 時請使用按鈕更新。

執行JavaScript

僅對可信HTML啟用。執行環境限制存取父頁面、儲存空間、外部資源及提交表單。

預覽

僅在瀏覽器內

貼上HTML後，可在此查看預覽。

支援的CDN與Mermaid用法

支援以下固定URL的CSS。為pre或div元素加入class="mermaid"即可自動繪圖。CDN功能需要網路連線。

Bootstrap 5.3.8<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css">
Font Awesome 7.3.0<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.3.0/css/all.min.css">

Noto Sans JP<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap">
JetBrains Mono<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap">

Mermaid 12.2.0

<pre class="mermaid">
graph TD
  A[HTML] --> B[Preview]
</pre>