dom

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

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

添加選中dom節(jié)點(diǎn)為全局變量.png

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

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

force 節(jié)點(diǎn) state (觸發(fā))狀態(tài).png

copy element

拷貝選中dom的信息

copy element.png

style/class

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

快速給元素添加class

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

修改元素的盒模型大小

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

快速修改元素的盒模型大小.png

network

block specific request

block特定的請(qǐng)求

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

block 指定的請(qǐng)求.png

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

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

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

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

javascript

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

攔截瀏覽器的行為

斷瀏覽器的行為(比如 click、mouse 等等).png

快速改變攔截的變量的值

雙擊改變攔截變量的值

雙擊改變攔截的變量的值.png

添加 watch 表達(dá)式

添加watch表達(dá)式

添加 watch 表達(dá)式.png

條件斷點(diǎn)

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

條件斷點(diǎn).png

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

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

片段代碼調(diào)試.png