Get Source Code of Webpage
輸入一個 URL
取得網頁源代碼
貼上網址以檢索網頁源代碼 — 適用於檢查標記、快速審核、學習及進行技術檢查。
擷取源代碼
- 輸入完整的網址（如果支援批次處理，可以輸入多個網址，每行一個）
- 點擊擷取
- 等待幾秒鐘
- 檢視傳回的 HTML，或者在提供下載時將其下載
一般使用無需登入。
源代碼與你在瀏覽器中看到的內容有何不同
這兩者並不一定完全相同。
| 檢視方式 | 包含內容 |
|---|---|
| 原始 HTML 源代碼 | 來自伺服器的初始標記：標籤、中繼資料、連結資產、內嵌指令碼 |
| 渲染後的 DOM | JavaScript 執行並更新網頁後實際存在的內容 |
此工具用於取得源代碼，而非完全渲染後的 JavaScript 執行後 DOM 快照。
使用 React、Vue 等大量建構的現代應用程式，在指令碼執行之前可能只會傳回相對較少且具參考價值的 HTML。
你可以在 HTML 中檢查什麼
取得源代碼後，你可以尋找：
- 標題 (Title)、meta 描述、canonical 規範標籤及 robots 標籤
- 標題結構與語意標記
- 連結的 CSS/JS 檔案以及第三方指令碼
- 圖片路徑與延遲載入 (lazy-load) 屬性
- 內嵌 schema / JSON-LD 區塊
- 標記中留下的註解
- 原始碼中隱藏或異常的連結模式
這是無需安裝任何軟體就能快速了解公開網頁建構方式的好方法。
實際用途
頁面 SEO 檢查
確認 meta 標籤、canonical 標籤以及結構化資料是否有出現在初始 HTML 中。
技術審查
找出沉重的指令碼堆疊、過時的參照或凌亂的標記模式。
學習 HTML 結構
研究真實網站如何組織標題、導覽列、表單及內容區塊。
快速比較
儲存今天的源代碼，並在網站重新設計或懷疑有變更時進行日後比對。
安全／信任篩選（基本）
尋找公開網頁上明顯可疑的指令碼或奇怪的嵌入內容 — 如有需要，再使用適當的安全工具進行驗證。
重要限制
- 無法擷取受密碼保護或僅限登入的頁面
- 封鎖自動化請求的網站可能會拒絕存取
- JavaScript 注入的內容可能不會顯示在原始碼中
- 輸出結果反映請求時的伺服器回應（A/B 測試和個人化內容可能會有所不同）
- 使用擷取的程式碼時，請遵守網站的使用條款、版權及相關法律
擷取公開可用的 HTML 進行檢查是很常見的做法。但大規模重新發布或進行網頁爬蟲 (scraping) 可能涉及法律和道德限制。
更乾淨分析的貼士
- 從你真正關心的確切網址開始（主頁與文章頁面可能差異很大）
- 在源代碼中搜尋
meta、canonical、application/ld+json、gtag、googletagmanager - 如果 HTML 內容極少，該網站可能是客戶端渲染 — 請使用瀏覽器開發人員工具來檢視即時 DOM
- 在編輯器中將程式碼格式化，以便於閱讀
- 結合其他檢查（狀態碼、頁面大小、meta 分析工具）以取得更全面的資訊
常見問題
這是免費的嗎？
是的。標準使用不需要建立帳戶。
這跟瀏覽器中的「檢視網頁原始碼」一樣嗎？
概念上相似。其優勢在於便利性以及可能支援多網址擷取。若要進行即時 DOM 檢查，瀏覽器開發人員工具仍然更好。
為什麼有些網站的 HTML 這麼短？
許多現代網站會傳送一個外殼頁面，然後透過 JavaScript 載入內容。
我可以取得需要登入才能檢視的頁面源代碼嗎？
不行。只有公開存取的回應才可取得。
這工具會執行 JavaScript 嗎？
不會。它會傳回初始伺服器回應，而不是完全渲染的互動式網頁。
相關工具
注意：傳回的程式碼是公開伺服器回應的快照。動態、按地理位置定位或經機械人過濾的網頁，可能會與你在自己瀏覽器中看到的內容有所不同。