chrome瀏覽器版本（所有的操作都是基於我電腦上目前這個版本。）
進入開發者工具的方式：F12 （所有瀏覽器都可以用F12進入開發者工具），ChromeDev（開發者工具簡稱）按照類別可以分爲下面幾種
-
審查元素 ctrl+shift+c 在頁面上選擇一個HTML元素並審查它
-
切換瀏覽設備 ctrl+shift+m 切換在PC和手機上的樣式；
-
主功能目錄區域 日常工作中常用功能的目錄
-
異常和錯誤提醒簡介 拋出異常、資源請求錯誤、程序錯誤等簡介
-
個性化和設置ChromeDev
-
關閉ChromeDev F12
-
主功能面板區域 隨着主功能目錄的切換而切換，這裏是ChromeDev的主要操作區域
-
輔助功能區域 快捷鍵ESC進行開啓和隱藏
Chrome開發者工具提供了提示功能，當鼠標懸停在某些文字圖標上的時候，會做一些人性化的提示，經常看一下，會有收穫；
Chrome瀏覽器還提供用PC，調試真機（手機）；
一、審查元素
在沒有開啓控制檯的情況下，可以通過快捷鍵ctrl+shift+c直接開啓控制檯，並進入審查選擇狀態，在頁面上選擇一個HTML元素並審查它；
二、切換瀏覽設備
切換在PC和手機上的樣式，切換後需刷新,才能看到正確的適配;
三、主功能區域
工作中常用的功能
上面這些標籤的位置可以自由移動，可以根據自己的習慣進行移動；
四、異常和錯誤提醒簡介
五、個性化和設置ChromeDev
六、關閉ChromeDev
呃、就是關閉ChromeDev，沒啥；
八、輔助功能區域
- Console
- 和主區域中console一樣的功能，但是可以在任何主功能的面板展示的同時使用console，比如你可以在再開Element的時候，使用輔助區域的console；
- 主區域的console和輔助區域console不能同時展開
- History,歷史信息
- Animations,動畫
- Network conditions,網絡條件
- Rendering，渲染
- Remote devices，遠程設備
- Sensors，傳感器
- Search，全局搜索網頁加載內容
- Quick source，資源快捷展示
今天關於谷歌瀏覽器調試模式下就介紹到這裏，謝謝大家，以前火狐瀏覽器有個插件也很好用，不過現在好多都集成在F12這個鍵裏面啦，簡單瞭解一下