作者：程序員成長指北
轉發鏈接：https://mp.weixin.qq.com/s/v4lrOk1tSHksxTLZjeYLJg
對於每個前端從業者來說，除了 F5 鍵之外，用的最多的另外一個鍵就是 F12 了。
這裡介紹 11 個 chrome 開發者工具的騷技巧。
助你快速定位問題，天天六點下班。
1.曾經，在線調偽類樣式困擾過你？
2.源代碼快速定位到某一行 ctrl + p
3.聯調接口失敗時，後臺老哥總管你要 response？
4.你還一層層展開 dom：Alt + Click
5.是不是報錯了，你才去打斷點？
6.你是不是經常想不起來，在哪綁定事件的？
7.你是不是打斷點時還要去改代碼？
8.看 dom 層級的最直觀的方式？
9.查一些特定的請求，過濾器用過嗎？
10.在 Elements 面板調整 dom 結構很不方便？
11.不想加載某個文件了？
完
❤️愛心二連擊
1.看到這裡了就點個在看支持下吧，你的「點贊」是我創作的動力。
2.特殊階段，帶好口罩，做好個人防護。
推薦Chrome 實踐相關文章
Chrome DevTools 你還只會console.log，就OUT了
前端性能優化之利用 Chrome Dev Tools 進行頁面性能分析
手把手教你提高你生產力的隱藏7個Chrome DevTools功能
【新消息】Chrome 81 正式發佈 ！消滅混合內容最後一步
提升Chrome使用效率的 30個快捷鍵、16個擴展插件與11個前端調試
作者：程序員成長指北
轉發鏈接：https://mp.weixin.qq.com/s/v4lrOk1tSHksxTLZjeYLJg
分享到:
