在網頁開發過程中，需要經常進行 HTML 代碼編輯。然而，有時候我們需要查看整個 HTML 頁面的全部代碼，而 F12 開發者工具提供了一種展開全部 HTML 代碼的功能。
要使用 F12 開發者工具展開全部 HTML 代碼，我們需要首先打開瀏覽器，隨后按下 F12 鍵。這會打開開發者工具窗口，其中會有一個名為 Elements 的選項卡，我們需要在這個選項卡下完成展開操作。
<!DOCTYPE html> <html> <head> <title>展開全部 HTML 代碼</title> </head> <body> <p>在網頁開發過程中，需要經常進行 HTML 代碼編輯。然而，有時候我們需要查看整個 HTML 頁面的全部代碼，而 F12 開發者工具提供了一種展開全部 HTML 代碼的功能。</p> <p>要使用 F12 開發者工具展開全部 HTML 代碼，我們需要首先打開瀏覽器，隨后按下 F12 鍵。這會打開開發者工具窗口，其中會有一個名為 Elements 的選項卡，我們需要在這個選項卡下完成展開操作。</p> </body> </html>
在 Elements 選項卡下，我們會看到一個頁面結構樹。當我們點擊結構樹根節點時，也就是叫做 <html> 的節點，此時就會展開該頁面的全部 HTML 代碼。
值得注意的是，此功能僅提供查看 HTML 代碼的便利，但并不建議直接編輯這些代碼。一般來說，我們應該在代碼編輯器內進行編輯，并通過保存操作來實現對瀏覽器內頁面的更新。