F12快捷鍵調出開發人員工具

一.JS的內容格式化

1.內容較亂的js腳本：

2.勾選下面兩項即可進行格式化腳本：自動換行與格式化JS

3.調理清楚的腳本

?

二：清空控制臺

1.右鍵-》清空

2.console.clear()

?

三：用控制臺代替alert()

當你需要調試代碼中的值卻又不想中斷代碼的執行時，我們可以用：

window.console.log("HelloWorld");

在控制臺查看。

?

四：調試JS時的斷點快捷鍵

F9：添加/移除 斷點

F10：逐過程，即跳過該語句中的方法、表達式等

F11：逐語句調試，即單步調試，會跳入方法、表達式，進行逐語句的跟蹤調試

?

五：選擇相應的HTML與之相關的源

1.點擊這個

2.獲取相應css與html

?

六：探查器的作用：用來檢測各個函數的調用耗時，分析網頁性能體驗

好牛掰，全是0.00 - -！我網速好，哈哈！

?

七：網絡的作用

1.304的結果，這表明這些數據是直接從緩存中獲取

2.200表示順利的返回了需要的文件

3.404表示該文件不存在

4.503表示服務器暫時不可用

5.500表示服務器發生了內部錯誤等。

?

HTTP的請求標頭、請求正文、響應標頭、響應正文，與該文件下載行為相關的Cookie、發起程序，以及比摘要視圖中更加詳細的計時信息。也就是說，詳細視圖已經將瀏覽器如何與服務器通信的協議層面的信息都展示給我們了，這些信息對于開發人員和調試人員來說無疑是不可多得的好資料，通過它們可以使網站調試工作變得非常輕松。

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的IE开发人员工具之实用功能讲解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。