線上 HTML 檢視器

HTML To Link 的線上 HTML 檢視器免費,也不用註冊。適合手上有 HTML 檔、想看頁面而不是原始碼的人。把程式碼貼進來,或上傳一個 .html 檔,就能在瀏覽器裡核對 CSS 和 JavaScript。頁面看起來對了,再把同一份 HTML 發佈成連結。

HTML 程式碼
渲染預覽
粘贴或上传 HTML 后,这里会显示渲染效果。

怎麼查看一個 HTML 檔

  1. 1. 打開檢視器

    用電腦或手機瀏覽器都行。不用安裝編輯器,也不用登入。

  2. 2. 貼上或上傳

    把 HTML 貼到左側,或上傳一個 .html、.htm 檔。工具只讀這一個檔案裡的文字。

  3. 3. 看右側預覽

    右側是渲染出來的頁面,不是程式碼著色。改左側原始碼時,預覽會跟著變。

  4. 4. 要連結再發佈

    預覽本身不是公開網址。需要別人打開時,再用「把這個頁面發佈為連結」。

預覽裡實際會跑什麼

預覽是沙箱裡的頁面,不是醒目提示後的原始碼。檔案裡的 style 會生效,script 會執行,表單可以在這個框裡送出。寫成完整 https 網址的圖片、樣式表和指令碼,瀏覽器連得到才會載入。

跟 HTML 放在同一資料夾裡的檔案不會一起上來。只上傳 index.html,不會帶上旁邊的 style.css 或 photo.jpg。這是單檔檢視器,不是資料夾上傳。頁面依賴這些檔案時,把 CSS 和指令碼寫進 HTML,或改成 data URL;整站再放到託管裡。

也能當 HTML 測試頁

很多人搜 HTML tester,其實是想看這段標記畫出來長什麼樣。線上 HTML 檢視器和這件事是同一頁:從編輯器、教材或 AI 對話裡貼一段,先確認版面、樣式和指令碼,再決定要不要送出去。

它不是實驗室。沒有一排裝置,沒有限速,也沒有評分。預覽和你想的一致,就可以分享。相對路徑的圖片沒出來,是上面說的單檔限制,不是測試壞了。

看檔案和發連結不是一回事

檢視器回答的是:這段 HTML 長什麼樣?內容不必先存到伺服器,關掉分頁也不會留下公開網址。

託管回答的是:別人沒有我的電腦,要到哪裡打開?免費 HTML 託管可以把檔案、資料夾或 ZIP 變成 HTTPS 連結。還在改,就留在檢視器;同學、客戶或同事需要打開時,再去託管。

常見問題

怎麼查看 HTML 檔?

把 .html 或 .htm 上傳到這裡,或把原始碼貼進編輯器。右側就是渲染結果。本機檔案也可以點兩下,用你自己的瀏覽器打開。這個頁面適合還沒裝編輯器、只想先看一眼的時候。

怎麼線上查看 HTML 檔?

打開線上 HTML 檢視器,貼上程式碼或上傳檔案,看預覽即可。免費,不用註冊。要讓別人也線上看,不要傳檔案,把頁面發佈成連結。

手機上怎麼查看 HTML 檔?

用手機瀏覽器打開這個頁面,貼上 HTML;如果手機允許選檔,也可以直接上傳。預覽就用目前這個瀏覽器。之後還想再打開,發佈成連結比在下載目錄裡翻檔案省事。

檢視器會執行 CSS 和 JavaScript 嗎?

會。style 裡的 CSS 會套用,script 裡的 JavaScript 在沙箱裡執行。公開的 https 資源,網路連得到就會載入。styles.css 這種相對路徑不行,因為旁邊那個檔案沒有上傳。

能當 HTML 測試器嗎?

能。用預覽看標記、樣式和指令碼有沒有按預期畫出來。它不評估效能和無障礙,也不替你測每一款瀏覽器。

免費嗎?要註冊嗎?

預覽免費,不用帳號。以訪客身分發佈頁面也可以不註冊。只有想留下這條公開連結、以後還要更新時,再登入。

相關指南