火狐瀏覽器Firefox檢視網頁原始碼?

現在每天都能接觸到很多網頁，相信一定有人對它是如何實現的一定很想了解，下面我就帶著大家用Firefox自帶的偵錯程式講解給大家如何用Firefox除錯網頁，會講下HTML,CSS,JS,網路。

工具/原料

Firefox瀏覽器

方法/步驟

開啟火狐瀏覽器，點開一個網頁，下面以百度網頁來講解。按下電腦上的快捷F12,火狐自帶的偵錯程式就出來了，點選左上角的箭頭，我們可以對頁面裡面的任意元素進行定位。

HTML程式碼下面顯示的是當前點選元素的CSS樣式屬性，還要字型大小，盒模型關於margin和padding屬性的。可以加深理解。

上面工具欄右邊的是控制檯，可以用JavaScript程式碼獲取元素的屬性，也可以$(#id)獲取元素的屬性。

工具欄右側的是偵錯程式，裡面可以設定斷點，單步除錯，多步除錯，檢視棧資訊，變數資訊。

旁邊右側的是網路。裡面可以看到所有網路請問，網路狀態碼是200，表示訪問成功。

隨便點選一個方法，可以看出來是get還是post方法，裡面有請求頭的資訊，還要返回的資訊，很詳細，這個功能很不錯。

注意事項

下載最新版本的火狐瀏覽器