HTML 來源檢視

從網址顯示網頁的 HTML 來源,附帶行號

特徵

只需網址即可顯示來源

顯示網頁的 HTML 而不進行加工,並附帶行號

手機上也能確認來源

即使是沒有來源檢視功能的手機瀏覽器也可以確認

取得結果概要也一覽無遺

狀態碼、最終網址、字元編碼、文字數、行數

格式化、複製、保存

支援一鍵格式化和複製,以及保存為 .html 檔案

使用方法

1

輸入要查詢的網址

在輸入欄輸入想查看原始碼的網頁網址(可省略 https://)

2

按確認按鈕取得

按下「確認」或 Enter 鍵,伺服器取得網頁並顯示原始碼

3

確認概要與原始碼

確認狀態碼、最終網址、字元編碼,若難以閱讀則按「格式化」進行縮排

4

複製或保存

使用原始碼欄右上的按鈕複製,或下載為 .html 檔案

HTML 來源檢視

使用情境

參考網站的結構調查

確認標題、中繼資料、載入的 CSS、JavaScript 的結構

安裝標籤的輸出確認

確認追蹤標籤、OGP、結構化資料是否實際在自己的網站 HTML 中輸出

文字亂碼的原因調查

確認文字亂碼網頁的字元編碼與宣告內容

網頁內連結的洗出

確認並複製網頁上的所有連結目的地清單

基礎知識

何謂 HTML 原始碼

HTML 原始碼是用 h1(標題)、p(段落)等標籤記述網頁的標題、本文、圖像位置等內容的文字,瀏覽器會讀取這些內容並繪製網頁。

  • head 元素:head 元素包含網頁的標題(title)、搜尋結果及社群媒體使用的說明文(meta)、載入的 CSS 及 JavaScript 的指定。
  • 字元編碼的宣告:字元編碼由 meta 標籤的 charset 屬性(例如:charset="UTF-8")宣告,若宣告與實際字元編碼不符,網頁會出現文字亂碼。

在瀏覽器中顯示網頁原始碼的方法

在電腦的 Chrome 或 Edge 中,在網頁上按右鍵選「檢視網頁原始碼」,或在 Windows 按「Ctrl+U」、Mac 按「Command+Option+U」即可顯示原始碼。

  • 手機的情況:手機瀏覽器通常沒有「檢視網頁原始碼」的選單,因此使用輸入網址來取得原始碼的網路工具會比較方便。

原始碼與檢驗工具 HTML 的差異

「網頁原始碼」是伺服器最初傳回的 HTML,而瀏覽器檢驗工具(開發者工具)顯示的 HTML 是 JavaScript 執行後更改的狀態。

  • 找不到的元素:由 JavaScript 後來新增的廣告或列表等,在伺服器傳回的 HTML 中不包含,因此檢視原始碼時可能無法找到。

安全性與隱私

伺服器處理

輸入內容在伺服器上處理,只會傳送查詢所需的資訊。

僅進行臨時處理

為了取得網頁原始碼在伺服器端進行臨時處理,結果返回後立即刪除。

通訊透過HTTPS加密

所有收發資料都透過TLS加密,第三者無法讀取。

不傳送給第三方

輸入內容不會傳送給廣告網路、追蹤器等外部服務。

只取得輸入的網址的網頁

取得的原始碼只會在畫面以文字形式顯示,指令碼不會執行,也不會取得非公開網址(如內部網路)

在 Google 搜尋中追蹤 RAKKOTOOLS

203個實用工具,透過 Google 搜尋、AI 搜尋更容易找到!

  • 搜尋中找到
  • AI 搜尋也會顯示
  • 發現新工具

更新資訊

相關工具

RAKKOTOOLS是完全免費讓您自由使用!

無論個人或法人、商業或非商業用途,都可完全免費使用。無需事先許可或申請。請在各種場景中自由活用。

  • 在直播・影片中使用

    可在直播・影片中使用抽籤、抽獎等各種工具。

  • 在學校・工作・活動中使用

    可在課堂、分組、公司業務、活動等各種場景中活用。

  • 在Web・書籍・SNS中介紹

    可作為實用工具,在Web媒體・書籍・SNS等地自由介紹。

  • 商業用途

    調查・計算・處理・轉換等業務或製作等商業目的,也歡迎使用。

如果能被介紹的話,製作工具的動力就會湧現出來!

在直播・影片中使用時

敬請在概要欄等處刊登RAKKOTOOLS的連結,或在直播・影片中標示或說明「使用RAKKOTOOLS」。

可貼到概要欄的版權標示例

RAKKOTOOLS https://rakko.tools/zh-tw

使用上的提醒正常使用範圍內可自由使用。但禁止用於違反法律的目的、侵害第三方權利、對服務造成顯著負擔、非法存取及其他妨礙服務運營的行為。

不保證各工具所提供的資訊・計算結果等的正確性・完整性。

本說明為日文原文的翻譯版本。若譯文與原文內容不符,以日文原文為準。