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、發起程序，以及比摘要視圖中更加詳細的計時信息。也就是說，詳細視圖已經將瀏覽器如何與服務器通信的協議層面的信息都展示給我們了，這些信息對於開發人員和調試人員來說無疑是不可多得的好資料，通過它們可以使網站調試工作變得非常輕松。