查看網頁的轉譯後原始碼

總覽

當你造訪網頁時，網站會將 HTML 程式碼傳送至瀏覽器。這組原始碼通常含有額外資源，例如必須載入的指令碼，以及可能變更網頁程式碼的指令碼。

以滑鼠右鍵按一下「顯示原始碼」之後，通常只會顯示傳回給瀏覽器的原始網頁程式碼，不會包含後來載入並執行的指令碼和其他資源。但在許多情況下 (尤其是要對網頁進行疑難排解時)，你會需要查看瀏覽器上轉譯後的最終網頁程式碼，其中包含所有已載入的資源和所有已執行的指令碼。例如：

• 搜尋驗證時使用的 Google Analytics (分析) 或 Google 代碼管理工具的代碼。
• 對網頁載入及顯示進行偵錯 (也就是確認你要載入的所有程式庫和其他資源都有確實載入)。
• 查看已放送網頁上的結構化資料。

如何查看轉譯後的原始碼

你可以透過下列幾種方法查看網頁的轉譯後原始碼：

• 在 Chrome 瀏覽器中：在網頁任何部分按一下滑鼠右鍵，然後選取「檢查」，即可查看轉譯後網頁中的所有 HTML。你可以使用 Control + F (Windows) 或 Command + F (Mac) 搜尋轉譯後 HTML 中的項目。
• 針對你網站中的網頁： 
  1. 檢查網址：你可以在網址檢查工具中直接輸入網址，也可以在大多數 Search Console 報表中顯示的網址旁邊按一下檢查連結 。
  2. 依序點選「測試線上網址」>「查看已測試的網頁」。
  3. 「HTML」分頁會顯示該網頁的轉譯後 HTML。
• 針對任何網站上的網頁，而不只是你擁有的網站：
  1. 開啟行動裝置相容性測試。
  2. 輸入該網頁的網址。必須讓 Google 能在不登入的情況下存取該網頁，且不能使用 robots.txt 加以封鎖。
  3. 按一下「查看已測試的網頁」。
  4. 「HTML」分頁會顯示該網頁的轉譯後 HTML。