本教程僅適用於在Windows或Mac操作系統上運行Opera瀏覽器的用戶。 如果您需要在其他瀏覽器中查看頁面源代碼，請參閱我們的指南中的如何在每個瀏覽器中查看網頁的源代碼 。
有很多原因希望查看網頁的源代碼，從調試您自己的網站的問題到純粹的好奇心。 無論您的動機如何，Opera瀏覽器都可以輕鬆完成此任務。 您可以選擇在瀏覽器選項卡中以最基本的形式查看此源代碼，或者使用Opera的集成開發人員工具進行更深入的分析。 本教程將向您展示如何執行這兩個操作。 首先，打開您的Opera瀏覽器
Windows用戶
點擊位於瀏覽器窗口左上角的Opera菜單按鈕。 出現下拉菜單時，將鼠標光標懸停在“ 更多工具”選項上。 現在應該出現一個子菜單。 單擊顯示開發人員菜單，以便在該選項的左側放置複選標記。
返回到Opera主菜單。 您現在會注意到一個新選項，位於更多標記為Developer的 工具的正下方。 將鼠標光標懸停在該選項上，直到出現子菜單。 接下來，點擊查看頁面源 。 活動網頁的源代碼現在將顯示在新的瀏覽器選項卡中。 您也可以使用以下鍵盤快捷鍵來達到此點： CTRL + U
要查看有關活動頁面及其相應代碼的更多詳細信息，請從Developer子菜單中選擇Developer tools選項或使用以下鍵盤快捷鍵： CTRL + SHIFT + I
Mac OS X和macOS Sierra用戶
點擊位於屏幕頂部的Opera菜單中的查看 。 當出現下拉菜單時，選擇Show Developer Menu 。 現在應將一個新選項添加到標記為Developer的Opera菜單中。 接下來單擊此選項，當出現下拉菜單時，選擇查看源代碼 。 您還可以使用以下鍵盤快捷鍵執行此操作： Command + U
現在應該可以看到一個新選項卡，顯示當前頁面的源代碼。 要使用Opera的開發工具集分析這個相同的頁面，首先點擊屏幕頂部瀏覽器菜單中的開發人員 。 出現下拉菜單時，選擇開發人員工具選項。