HTML 來源檢視
從網址顯示網頁的 HTML 來源,附帶行號
特徵
只需網址即可顯示來源
顯示網頁的 HTML 而不進行加工,並附帶行號
手機上也能確認來源
即使是沒有來源檢視功能的手機瀏覽器也可以確認
取得結果概要也一覽無遺
狀態碼、最終網址、字元編碼、文字數、行數
格式化、複製、保存
支援一鍵格式化和複製,以及保存為 .html 檔案
使用方法
輸入要查詢的網址
在輸入欄輸入想查看原始碼的網頁網址(可省略 https://)
按確認按鈕取得
按下「確認」或 Enter 鍵,伺服器取得網頁並顯示原始碼
確認概要與原始碼
確認狀態碼、最終網址、字元編碼,若難以閱讀則按「格式化」進行縮排
複製或保存
使用原始碼欄右上的按鈕複製,或下載為 .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 搜尋也會顯示
- 發現新工具
更新資訊
- update #376
新增工具,可以從URL顯示網頁的HTML原始碼並附加行號
RAKKOTOOLS是完全免費讓您自由使用!
無論個人或法人、商業或非商業用途,都可完全免費使用。無需事先許可或申請。請在各種場景中自由活用。

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

在學校・工作・活動中使用
可在課堂、分組、公司業務、活動等各種場景中活用。

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

商業用途
調查・計算・處理・轉換等業務或製作等商業目的,也歡迎使用。
如果能被介紹的話,製作工具的動力就會湧現出來!


在直播・影片中使用時
敬請在概要欄等處刊登RAKKOTOOLS的連結,或在直播・影片中標示或說明「使用RAKKOTOOLS」。
可貼到概要欄的版權標示例
使用上的提醒正常使用範圍內可自由使用。但禁止用於違反法律的目的、侵害第三方權利、對服務造成顯著負擔、非法存取及其他妨礙服務運營的行為。
不保證各工具所提供的資訊・計算結果等的正確性・完整性。
本說明為日文原文的翻譯版本。若譯文與原文內容不符,以日文原文為準。
