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

方法一

要僅查看源代碼，請按計算機鍵盤上的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源代碼？》的全部内容，希望對你有所幫助~

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部