dom

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

適用對(duì)dom有多次操作的場(chǎng)景

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

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

copy element

拷貝選中dom的信息

style/class

給選中元素添加一個(gè) class 名

快速給元素添加class

修改元素的盒模型大小

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

network

block specific request

block特定的請(qǐng)求

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

改變請(qǐng)求的 user agent

修改請(qǐng)求的user agent

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

javascript

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

攔截瀏覽器的行為

快速改變攔截的變量的值

雙擊改變攔截變量的值

添加 watch 表達(dá)式

添加watch表達(dá)式

條件斷點(diǎn)

設(shè)置斷點(diǎn)的條件

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

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

參考文檔

• Chrome DevTools