dom

添加選中dom節(jié)點為全局變量方便需要調(diào)試多個dom的場景

適用對dom有多次操作的場景

force node state (觸發(fā))狀態(tài)

調(diào)試dom的某個狀態(tài)

copy element

拷貝選中dom的信息

style/class

給選中元素添加一個 class 名

快速給元素添加class

修改元素的盒模型大小

快速修改元素的盒模型大小(margin/padding/width/height等)

network

block specific request

block特定的請求

快捷鍵：command + shift + p -> show request blocking

改變請求的 user agent

修改請求的user agent

快捷鍵：command + shift + p -> network conditions 切換 user agent

javascript

斷點，斷瀏覽器的行為(比如 click、mouse 等等)

攔截瀏覽器的行為

快速改變攔截的變量的值

雙擊改變攔截變量的值

添加 watch 表達式

添加watch表達式

條件斷點

設(shè)置斷點的條件

快速調(diào)試代碼片段

Snippet(片段)代碼調(diào)試，不需要創(chuàng)建特定的頁面

參考文檔

• Chrome DevTools