11 個Chrome技巧讓你為所欲為

對於每個前端從業者來說,除了 F5 鍵之外,用的最多的另外一個鍵就是 F12 了。

這裡介紹 11 個 chrome 開發者工具的騷技巧。

助你快速定位問題,天天六點下班。

1.曾經,在線調偽類樣式困擾過你?

2.源代碼快速定位到某一行 ctrl + p

3.聯調接口失敗時,後臺老哥總管你要 response?

4.你還一層層展開 dom:Alt + Click

5.是不是報錯了,你才去打斷點?

6.你是不是經常想不起來,在哪綁定事件的?

7.你是不是打斷點時還要去改代碼?

8.看 dom 層級的最直觀的方式?

9.查一些特定的請求,過濾器用過嗎?

10.在 Elements 面板調整 dom 結構很不方便?

11.不想加載某個文件了?