1.3.3 查看HTML5頁面源代碼

在瀏覽器中打開頁面后，單擊鼠標右鍵，在彈出的快捷菜單中選擇“查看頁面源代碼”可以直接打開源代碼頁面。圖1.13展示了Edge瀏覽器中頁面快捷菜單中的內容。

圖1.13 Edge瀏覽器中頁面的快捷菜單

瀏覽器通常會打開新的頁面展示源代碼，通常源代碼頁面的地址是在原網頁的地址前加上“view-source:”。有的網站禁止使用快捷菜單（單擊鼠標右鍵無法打開快捷菜單），這時就可以使用修改地址的方法打開源代碼頁面。

也可以選擇快捷菜單中的“檢查”選項打開開發者工具。開發者工具中實時顯示當前頁面的源代碼。

注意

選擇“查看頁面源代碼”選項看到的源代碼是瀏覽器打開的原始文檔的代碼。選擇“檢查”選項看到的源代碼是瀏覽器正在顯示的內容對應的源代碼。