1、開始調試:右鍵審查元素
2、按鈕功能:
-
調出控制台;
切換開發環境全屏還是嵌入;
清空當前顯示;
將壓縮 js 文件格式化縮進規整的文件;
3、常用頁面功能:
-
- 查看、編輯(雙擊)HTML;
- 查看選中代碼的代碼嵌套路徑;
- 查看、編輯當前選中代碼所用的CSS代碼;
- 查看選中元素的盒模型;
- 監聽事件;
- 查看屬性,比手冊還方便;
-
- 查看、編輯當前站點的CSS、JS源文件;
- 加斷點調試js代碼:單步、跳出跳入循環、查看變量的值;
-
- 控制台輸出打印案例:
-
- 查看站點在作出一個動作時都加在了哪些文件;
- 查看文件有木有正確加載、加載方式、狀態、類型、大小、所用時間;
- 點擊查看該文件的具體情況;