您正在閱讀的網頁由源代碼等組成。 這是您的網絡瀏覽器下載的信息，並轉化為您正在閱讀的內容。
無論您使用什麼類型的設備，大多數網絡瀏覽器都能夠查看網頁的源代碼，而無需額外的軟件。
有些甚至提供高級功能和結構，使得瀏覽頁面上的HTML和其他編程代碼變得更容易。
為什麼你想看到源代碼？
有幾個原因可能會導致您想要查看頁面的源代碼。 如果你是一個Web開發人員，也許你想在另一個程序員的特定風格或實現下窺探一下。 也許你有質量保證，並試圖確定為什麼網頁的某個部分呈現或表現得如此。
您也可以嘗試學習如何編寫自己的網頁，並尋找一些真實世界的例子。 當然，有可能您不屬於這些類別，只是想從純粹的好奇心中查看源代碼。
下面列出瞭如何在您選擇的瀏覽器中查看源代碼的說明。
谷歌瀏覽器
運行於：Chrome OS，Linux，macOS，Windows
Chrome的桌面版提供了三種不同的方法來查看頁面的源代碼，這是第一種也是最簡單的方法，它使用以下鍵盤快捷鍵： CTRL + U （在macOS上的命令+選項+ U ）。
按下後，此快捷方式會打開一個新的瀏覽器選項卡，顯示活動頁面的HTML和其他代碼。 此來源採用顏色編碼和結構化方式，可以更方便地進行劃分並找到您要查找的內容。 您也可以在Chrome的地址欄中輸入以下文本，並在網頁左側的URL中輸入以下文本，然後按Enter鍵： view-source :(即view-source：https：// www ）。
第三種方法是通過Chrome的開發工具 ，它可以讓你更深入地瀏覽頁面的代碼，並且為了測試和開發的目的而動態調整它。 使用此鍵盤快捷方式可以打開和關閉開發人員工具界面： CTRL + SHIFT + I （macOS上的COMMAND + OPTION + I ）。 您也可以通過採取以下路徑啟動它們。
- 點擊Chrome的主菜單按鈕，位於右上角，由三個垂直對齊的點表示。
- 出現下拉菜單時，將鼠標光標懸停在“ 更多工具”選項上。
- 當子菜單出現時，點擊開發人員工具 。
Android的
在Android版Chrome瀏覽器中查看網頁的源代碼非常簡單，只需將以下文本添加到其地址（或URL）的前面並提交即可： view-source ：。 一個例子是view-source：https：// www。 。 問題頁面中的HTML和其他代碼將立即顯示在活動窗口中。
iOS版
儘管在iPad，iPhone或iPod touch上使用Chrome瀏覽器沒有本地方法來查看源代碼，但最簡單和最有效的方法是使用第三方解決方案，例如View Source應用程序。
App Store中的售價為0.99美元，View Source會提示您輸入網頁的網址（或從Chrome的地址欄複製/粘貼，有時這是最簡單的路徑），就是這樣。 除了顯示HTML和其他源代碼外，該應用程序還具有顯示單個頁面資產，文檔對像模型（DOM）以及頁面大小， cookie和其他有趣細節的選項卡。
Microsoft Edge
運行於：Windows
Edge瀏覽器允許您通過其開發工具界面查看，分析甚至操縱當前頁面的源代碼。 要訪問這個方便的工具集，您可以使用以下鍵盤快捷鍵之一： F12或CTRL + U。 如果您更喜歡鼠標，請點擊Edge的菜單按鈕（位於右上角的三個點），然後從列表中選擇F12 Developer Tools選項。
開發工具第一次運行後，Edge為瀏覽器的上下文菜單添加了兩個附加選項（可通過右鍵單擊網頁中的任意位置訪問）： Inspect element和View source ，後者打開dev的調試器部分工具界面填充了源代碼。
火狐瀏覽器
運行於：Linux，macOS，Windows
要在桌面版Firefox中查看頁面的源代碼，您可以在鍵盤上按CTRL + U （在macOS上命令+ U ），這將打開一個包含活動網頁的HTML和其他代碼的新選項卡。
在Firefox的地址欄中直接輸入以下文本，直接在頁面左側的URL中，將導致在當前標籤中顯示相同的源代碼： view-source :(即view-source：https：// www。） 。
訪問頁面源代碼的另一種方法是通過Firefox的開發人員工具，通過採取以下步驟可訪問。
- 點擊位於瀏覽器窗口右上角的主菜單按鈕，並用三條水平線表示。
- 彈出菜單出現時，點擊開發人員 “扳手”圖標。
- Web Developer上下文菜單現在應該可見。 選擇頁面源選項。
Firefox還允許您查看頁面特定部分的源代碼，從而輕鬆分離問題。 為此，請先用鼠標突出顯示您感興趣的區域。 接下來，右鍵單擊並從瀏覽器的上下文菜單中選擇查看選擇源 。
Android的
在Android版本的Firefox中查看源代碼可以通過在網頁的URL前添加以下文本來實現： view-source ：。 例如，要查看HTML源代碼，請在瀏覽器的地址欄中提交以下文本： view-source：https：// www。 。
iOS版
我們推薦的在iPad，iPhone或iPod touch上查看網頁源代碼的方法是通過View Source應用程序，在App Store中以0.99美元的價格提供。 雖然沒有直接與Firefox集成，但您可以輕鬆地將瀏覽器中的URL複製並粘貼到應用程序中，以揭示HTML和其他與該頁面相關的代碼。
Apple Safari
在iOS和MacOS上運行
iOS版
雖然Safari for iOS默認不包含查看頁面源代碼的功能，但瀏覽器確實與View Source應用程序無縫集成 - 可在App Store中以0.99美元的價格購買。
安裝此第三方應用程序後，返回到Safari瀏覽器並點擊位於屏幕底部的分享按鈕，並用方形和向上箭頭表示。 iOS分享表現在應該是可見的，覆蓋了Safari窗口的下半部分。 向右滾動並選擇查看源按鈕。
現在應該顯示活動頁面源代碼的顏色編碼的結構化表示形式，以及其他可讓您查看頁面資產，腳本等的選項卡。
蘋果系統
要在桌面版本的Safari中查看頁面的源代碼，首先需要啟用其“ 發展”菜單。 下面的步驟會引導您激活此隱藏菜單並顯示頁面的HTML源代碼。
- 點擊位於屏幕頂部的瀏覽器菜單中的Safari 。
- 出現下拉菜單時，選擇首選項選項。
- Safari的首選項現在應該可見。 點擊位於最上面一行最右側的高級圖標。
- 在“高級”部分的底部，有一個選項，標記為菜單欄中的顯示製作菜單 ，並附帶一個空白複選框。 單擊此框一次，在其中放置一個複選標記，並通過單擊左上角的紅色'x'關閉“首選項”窗口。
- 點擊位於屏幕頂部的Develop菜單。
- 出現下拉菜單時，選擇顯示頁面源 。 您也可以使用下面的鍵盤快捷鍵代替： COMMAND + OPTION + U。
歌劇
運行於：Linux，macOS，Windows
要在Opera瀏覽器中查看活動網頁的源代碼，請使用以下鍵盤快捷鍵： CTRL + U （macOS上的COMMAND + OPTION + U ）。 如果您希望在當前標籤中加載源代碼，請在地址欄中的頁面左側輸入以下文本，然後按Enter ： view-source :(即view-source：https：// www。 ）。
Opera的桌面版本還允許您使用其集成的開發人員工具查看HTML源代碼，CSS和其他元素。 要啟動該界面，默認情況下該界面將顯示在主瀏覽器窗口的右側，請按以下鍵盤快捷鍵： CTRL + SHIFT + I （在macOS上命令+選項+ I ）。
Opera的開發者工具集也可以通過以下步驟訪問。
- 點擊位於瀏覽器窗口左上角的Opera徽標。
- 出現下拉菜單時，將鼠標光標懸停在“ 更多工具”選項上。
- 點擊顯示開發者菜單 。
- 再次點擊Opera標誌。
- 當出現下拉菜單時，將光標懸停在Developer上 。
- 當子菜單出現時，點擊開發者工具 。
維瓦爾第
有多種方法可以在Vivaldi瀏覽器中查看頁面源代碼。 最簡單的方法是通過CTRL + U鍵盤快捷鍵，它在新選項卡中顯示來自活動頁面的代碼。
您還可以將以下文本添加到頁面URL的前端，該頁面顯示當前選項卡中的源代碼： view-source：。 一個例子是view-source：http：// www。 。
另一種方法是通過瀏覽器的集成開發人員工具，可通過按CTRL + SHIFT + I組合或通過瀏覽器的“ 工具”菜單中的“ 開發人員工具”選項訪問，方法是單擊左上角的“V”徽標。 使用開發工具可以對頁面源代碼進行更深入的分析。