F12快捷鍵調(diào)出開發(fā)人員工具

一.JS的內(nèi)容格式化

1.內(nèi)容較亂的js腳本：

2.勾選下面兩項(xiàng)即可進(jìn)行格式化腳本：自動(dòng)換行與格式化JS

3.調(diào)理清楚的腳本

?

二：清空控制臺(tái)

1.右鍵-》清空

2.console.clear()

?

三：用控制臺(tái)代替alert()

當(dāng)你需要調(diào)試代碼中的值卻又不想中斷代碼的執(zhí)行時(shí)，我們可以用：

window.console.log("HelloWorld");

在控制臺(tái)查看。

?

四：調(diào)試JS時(shí)的斷點(diǎn)快捷鍵

F9：添加/移除 斷點(diǎn)

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

F11：逐語句調(diào)試，即單步調(diào)試，會(huì)跳入方法、表達(dá)式，進(jìn)行逐語句的跟蹤調(diào)試

?

五：選擇相應(yīng)的HTML與之相關(guān)的源

1.點(diǎn)擊這個(gè)

2.獲取相應(yīng)css與html

?

六：探查器的作用：用來檢測各個(gè)函數(shù)的調(diào)用耗時(shí)，分析網(wǎng)頁性能體驗(yàn)

好牛掰，全是0.00 - -！我網(wǎng)速好，哈哈！

?

七：網(wǎng)絡(luò)的作用

1.304的結(jié)果，這表明這些數(shù)據(jù)是直接從緩存中獲取

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

3.404表示該文件不存在

4.503表示服務(wù)器暫時(shí)不可用

5.500表示服務(wù)器發(fā)生了內(nèi)部錯(cuò)誤等。

?

HTTP的請(qǐng)求標(biāo)頭、請(qǐng)求正文、響應(yīng)標(biāo)頭、響應(yīng)正文，與該文件下載行為相關(guān)的Cookie、發(fā)起程序，以及比摘要視圖中更加詳細(xì)的計(jì)時(shí)信息。也就是說，詳細(xì)視圖已經(jīng)將瀏覽器如何與服務(wù)器通信的協(xié)議層面的信息都展示給我們了，這些信息對(duì)于開發(fā)人員和調(diào)試人員來說無疑是不可多得的好資料，通過它們可以使網(wǎng)站調(diào)試工作變得非常輕松。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。