覽html網頁，查看其源代碼，可以幫助我們了解該版網頁的信息以及架構，每個瀏覽器都是允許用戶查看他們訪問的任何網頁的HTML源代碼的。以下編程獅小師妹就介紹幾個常見瀏覽器的查看網頁 HTML 源代碼的方法。

谷歌瀏覽器 Google Chrome

僅查看源代碼

方法一

要僅查看源代碼，請按計算機鍵盤上的Ctrl+U。

方法二

右鍵單擊網頁的空白部分，然后從出現的彈出菜單中選擇“查看網頁源代碼(V)”。

查看包含元素的頁面源

1. 打開 Chrome 瀏覽器，然后瀏覽要查看其源代碼的網頁。
2. 點擊瀏覽器窗口右上角的“自定義及控制Google Chrome” 圖標。
3. 在出現的下拉菜單中，選擇更多工具(L)，然后選擇開發者工具(D)（快捷鍵：Ctrl+Shift+I）。
4. 單擊屏幕底部出現的新部分左上角的“元素(Elements)”選項卡。

提示：

在 Chrome 中，按 F12 或 Ctrl+ Shift+I 也會調出交互式開發人員工具。此工具提供了與源代碼和 CSS 設置的更多交互，使用戶可以查看代碼中的更改如何立即影響網頁。

火狐瀏覽器 Mozilla Firefox

僅查看源代碼

方法一

要僅查看源代碼，請按計算機鍵盤上的 Ctrl+U。

方法二

右鍵單擊網頁的空白部分，然后從出現的彈出菜單中選擇“查看頁面源代碼(V)”。

查看包含元素的頁面源

1. 打開 Firefox 并瀏覽您要查看其源代碼的網頁。
2. 單擊屏幕右上角的菜單 圖標。
3. 在下拉菜單中選擇Web開發者，然后從展開的菜單中選擇切換工具箱（快捷鍵：Ctrl+ Shift+I）。
4. 單擊顯示在屏幕底部的部分左上角的“查看器”選項卡。

提示：

在 Firefox 中，按 F12 或 Ctrl+ Shift+I也會調出交互式開發人員工具。該工具提供了與源代碼和 CSS 設置的交互，使用戶可以實時查看代碼中的更改如何影響網頁。

查看頁面的部分源代碼

1. 突出顯示網頁中您要查看其源代碼的部分。
2. 右鍵單擊突出顯示的部分，然后選擇檢查元素(Q)。

提示：

您可以使用 Firebug 附加組件查看和編輯頁面的源代碼，并通過瀏覽器實時查看更改。

微軟 Edge

僅查看源代碼

方法一

要僅查看源代碼，請按計算機鍵盤上的Ctrl+U。

方法二

右鍵單擊網頁的空白部分，然后從出現的彈出菜單中選擇“查看頁面源代碼(V)”。

查看包含元素的頁面源

1. 打開 Microsoft Edge 并瀏覽您要查看其源代碼的網頁。
2. 點擊屏幕右上角的設置和更多 圖標。
3. 將鼠標移到更多工具(L)在下拉菜單中，在展開的菜單選擇開發人員工具(D)。
4. 單擊屏幕右側出現的窗口頂部的“元素(Elements)”選項卡。

提示：

在Microsoft Edge中，按F12或 Ctrl+ Shift+I 也會調出交互式開發人員工具。該工具提供了與源代碼和 CSS 設置的交互，使用戶可以實時查看代碼中的更改如何影響網頁。

IE瀏覽器 Microsoft Internet Explorer

僅查看源代碼

方法一

要僅查看源代碼，請按計算機鍵盤上的Ctrl+U。

方法二

右鍵單擊網頁的空白部分，然后從出現的彈出菜單中選擇查看源(V)。

查看包含元素的頁面源

1. 打開 Internet Explorer 并瀏覽您要查看其源代碼的網頁。
2. 單擊右上角的工具 。
3. 從下拉菜單中選擇F12開發人員工具。
4. 單擊開發人員工具菜單左上角的 DOM 資源管理器 選項卡。

提示：

在 Internet Explorer 中，按 F12 會彈出 DOM 工具。該工具提供了與源代碼和 CSS 設置的交互，使用戶可以查看代碼中的更改如何立即影響網頁。

360安全瀏覽器

僅查看源代碼

方法一

要僅查看源代碼，請按計算機鍵盤上的Ctrl+U。

方法二

右鍵單擊網頁的空白部分，然后從出現的彈出菜單中選擇“查看網頁源代碼(V)”。

查看包含元素的頁面源

1. 打開 360 安全瀏覽器，然后瀏覽要查看其源代碼的網頁。
2. 點擊瀏覽器窗口右上角的打開菜單圖標。
3. 在出現的下拉菜單中，選擇更多工具(L)，然后選擇開發者工具(D)（快捷鍵：Ctrl+Shift+I）。
4. 單擊屏幕底部出現的新部分左上角的“元素(Elements)”選項卡。

提示：

在 360 安全瀏覽器中，按 F12 或 Ctrl+ Shift+I 也會調出交互式開發者工具。此工具提供了與源代碼和 CSS 設置的更多交互，使用戶可以查看代碼中的更改如何立即影響網頁。

如何關閉源代碼頁或工具

查看完網頁上的源代碼后，您可能想要退出或關閉它。關閉源代碼取決于您用來打開源代碼的方法。

• 如果您使用了Ctrl+U 方法（Edge 除外）或右鍵單擊方法，請關閉在瀏覽器窗口頂部打開的新選項卡。
• 如果您使用過開發人員方法（使用 F12 或Ctrl+ Shift+I），請再次按相同的鍵，或單擊工具窗口右上角的圖標。

使用在線工具查看源代碼

除了使用瀏覽器外，還有一些在線工具可讓您查看任何網頁的源代碼。這些工具可能會有所幫助，因為大多數工具都可以格式化，樣式化和突出顯示代碼，以使其易于閱讀。

以上就是編程獅W3Cschool為你整理的關于《如何在瀏覽器賬中查看網頁的HTML源代碼？》的全部內容，希望對你有所幫助~

天給大家推薦幾個可以在線編程的網站。對于大部分開發者可能會不屑使用在線的網站，認為在自己電腦安裝環境不是很簡單的事情么。但是你很有可能臨時需要一臺電腦去測試一段簡單的代碼，也有可能想要分享一段代碼給別人，也有可能你想要學習很多語言，又不想一一安裝編程環境。那么今天推薦的網站肯定能滿足你的需求。

idenone.com

網址：https://ideone.com/SExhrM

這個網站不錯，支持Java，但是頁面有廣告。除了支持Java語言，還支持其他語言。

dabblet

https://dabblet.com/

這個網站適合前端測試使用，該網站可以用來測試Html，Css，Js等功能。

Fenby

網址：http://www.fenby.com/

這個網站不只支持后端語言編碼，也支持前端編碼，使用體驗很不錯。支持的語言也很豐富。

前端的支持也很OK。

W3School

https://www.w3school.com.cn/tiy/t.asp?f=js_use

當然對于想系統學習前端知識的童鞋可以使用W3School，這個網站很適合，不僅有大量的案列，還有可以實戰編碼。

在線編程

https://www.bccn.net/run/

該網站支持的語言也挺多，比較推薦。

今天的介紹就到這里了，如果你打算系統學習編程，那我還是建議你老老實實的安裝編譯環境，安裝編輯器。

RL也被稱為網址。

URL 可以由單詞組成,比如 "w3school.com.cn"，或者是因特網協議(IP)地址：192.168.1.253。

大多數人在網上沖浪時,會鍵入網址的域名,因為名稱比數字容易記憶。

URL(Uniform Resource Locator)

當您點擊 HTML 頁面中的某個鏈接時,對應的<a>標簽指向萬維網上的一個地址。

統一資源定位器(URL)用于定位萬維網上的文檔(或其他數據)。

網址,比如 http://www.w3school.com.cn/html/index.asp,遵守以下的語法規則：

scheme://host.domain:port/path/filename

解釋：

scheme 定義因特網服務的類型。最常見的類型是 http

host 定義域主機(http 的默認主機是 www)

domain 定義因特網域名，比如 w3school.com.cn

:port 定義主機上的端口號(http 的默認端口號是 80)

path 定義服務器上的路徑(如果省略，則文檔必須位于網站的根目錄中)。

filename 定義文檔/資源的名稱

編者注：URL 的英文全稱是 Uniform Resource Locator，中文也譯為"統一資源定位符"。

URL Schemes

以下是其中一些最流行的 scheme：

Scheme 訪問 用于...

http 超文本傳輸協議 以 http:// 開頭的普通網頁。不加密。

https 安全超文本傳輸協議 安全網頁。加密所有信息交換。

ftp 文件傳輸協議 用于將文件下載或上傳至網站。

file 您計算機上的文件。

URL編碼

URL只能使用ASCII字符集來通過因特網進行發送。

由于URL常常會包含ASCII集合之外的字符,URL 必須轉換為有效的ASCII格式。

URL編碼使用"%"其后跟隨兩位的十六進制數來替換非ASCII字符。

URL不能包含空格。URL編碼通常使用+來替換空格。

URL編碼表參考

http://www.w3school.com.cn/tags/html_ref_urlencode.html