網頁原始碼檢視器
工具用的順手嗎?
你的回饋能幫助我們做得更好
檢視並分析任意網頁的HTML原始碼,輔助前端開發與除錯。
概覽
了解工具能解決的問題、計算或處理邏輯,以及資料邊界。
輸入公開網頁網址後,工具會向該網址發出 HTTP 或 HTTPS 請求,並顯示伺服器回應中的文字。結果可用來查看初始 HTML 標記、回應狀態與部分頁面資訊;若網站把內容留待瀏覽器執行 JavaScript 後才載入,這些後續內容不會由此工具生成。它也不會替你開啟目標網頁或重現瀏覽器畫面。
結果分成幾類:原始碼區可閱讀、複製或下載回應文字;頁面資訊區會嘗試擷取 <title>、description 與 keywords,並列出伺服器欄位、傳輸編碼和 Content-Type;回應標頭區則呈現收到的標頭。狀態碼用來辨認回應結果,例如成功頁面或錯誤回應,但仍要配合正文判斷內容。
HTML 是伺服器送出的文件文字;DOM 則是瀏覽器解析文件並可能執行指令碼後形成的文件結構。網站畫面上已出現的文字、連結或追蹤標記,可能是之後才加入,因此不一定存在於初始回應。Google Search Console 說明也區分原始網頁程式碼與載入資源、執行指令碼後的轉譯內容;本工具適合檢查前者。若要查瀏覽器實際呈現的 DOM,請在瀏覽器的開發人員工具中檢查目標頁。
結果中的連結、圖片、指令碼與樣式數量,是依原始文字裡常見標籤寫法估算;不代表資源已成功載入,也不等於畫面中實際可見的項目數。標題及中繼資料則是從常見標記擷取,若標籤格式不同、欄位缺漏,或資訊由指令碼加入,可能顯示空白。這些欄位可協助定位檢查方向,不能單獨作為完整 SEO、效能或安全檢測結論。
指南
依步驟完成操作,並透過範例核對輸入與結果。
填入完整網址,例如 https://example.com。若沒有指定通訊協定,工具會先以 HTTPS 嘗試;也可自行輸入 HTTP 或 HTTPS。
送出後先核對狀態碼、正文及 Content-Type。遇到重新導向、錯誤頁面或非 HTML 內容時,畫面反映的是實際收到的回應,不要只因欄位名稱寫著原始碼就假設它一定是完整網頁。
切換原始碼、頁面資訊與回應標頭區,查看需要的內容;確認結果後可複製文字,或下載 HTML 檔,再用文字編輯器搜尋、比較或留存。
情境
查看這項工具在不同工作與生活流程中的用法。
網站管理者可查看伺服器回應是否包含預期的標題、描述或初始標記。若要確認使用者最後看到的內容或指令碼是否正常執行,仍須回到瀏覽器實際載入頁面檢查。
初學者可用公開網站的回應文字觀察標題、連結、圖片和指令碼標記,再與瀏覽器畫面對照,理解文件原始內容與頁面呈現之間的差別。請只檢視可公開存取且有權查看的網址。
問答
集中解答常見疑問與容易混淆的問題。
常見原因是網站在瀏覽器載入後才用 JavaScript 加入或修改內容。本工具顯示伺服器回應正文,不執行頁面指令碼;請用瀏覽器開發人員工具查看轉譯後 DOM。
這是本次請求收到的狀態或正文。網址可能失效、網站限制自動請求,或回應本來就沒有可顯示的文字;先檢查網址與狀態碼。需要登入或使用你瀏覽器登入狀態的頁面,通常無法以個人登入身分讀取。
目標回應可能沒有相應標記,或標記寫法不符合擷取條件;也可能是資訊稍後才由指令碼加入。可在原始碼區搜尋相關文字並核對標記,但欄位空白不能直接證明網站完全沒有該資訊。
字元集欄位取自回應的 Content-Type 標頭,而正文顯示可能受編碼方式影響。若文字出現亂碼或符號異常,請將結果視為可能有解碼差異,改用能正確判讀該網站編碼的工具核對。
須知
使用前了解適用範圍、結果限制與必要提醒。
讀取時會把你輸入的網址送至服務端代為請求。請只使用你有權查看的公開網頁;不要貼上含帳號密碼、存取權杖或私人查詢參數的網址,也不要用於存取內網、私人主機或未授權內容。需要登入的頁面、限制自動請求的網站,以及暫時無法連線的主機,可能無法取得預期結果。
回應只代表某次請求收到的內容,不等於訪客所在位置的實際體驗,也不能證明頁面已被搜尋引擎索引、能正常呈現或不存在安全問題。原始碼文字、簡單標籤計數與中繼資料擷取都有範圍限制;若要發布 SEO 調整、驗證索引或進行安全檢查,請再使用相應的官方工具與實際瀏覽器測試。
推薦
查找相關工具、專題與可用的 API 能力。
透過伺服器代理拉取目標頁面的 HTML 原始碼,避免瀏覽器跨域限制。
輸入網址後點選「檢視原始碼」即可獲取該頁面的 HTML 原始碼與基本資訊。