11 個Chrome技巧讓你為所欲為

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

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

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

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為

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

11 個Chrome技巧讓你為所欲為


分享到:


相關文章: