對於每個前端從業者來說，除了F5鍵之外，用的最多的另外一個鍵就是F12了。
今天，大神（@小魚二）推薦我一個網站，才知道chrome還有各種騷姿勢。
所有的我都看了，這裡隨便列舉幾個個人之前不瞭解，覺得挺有用的。
1.曾經，線上調偽類樣式困擾過你？
2.原始碼快速定位到某一行！ctrl + p
3.聯調介面失敗時，後臺老哥總管你要response？
4.你還一層層展開dom？Alt + Click
5.是不是報錯了，你才去打斷點？
6.你是不是經常想不起來，在哪繫結事件的？
7.你是不是打斷點時還要去改程式碼？
8.看dom層級的最直觀的方式？
9.查一些特定的請求，過濾器用過嗎？
10.在Elements皮膚調整dom結構很不方便？
11.想知道，某圖片載入的程式碼在哪？Initiator！！
12.不想載入某個檔案了？
多的就不列舉了，可以看看開頭的網站。看了有幾個功能我電腦（win10）是沒有的，應該跟chrome版本有關。
開發者工具的功能確實挺多，多得有時根本用不上，官網教程建議每個前端人員都看看：
developers.google.com/web/tools/c…
中文版：
======================
補充：
見評論中多人問gif製作軟體是什麼。
搜尋了一下，應該是www.techsmith.com/，看著說明，表示軟體太專業。。
但我用過兩個小軟體很不錯，非常容易上手：
效果如下：
本文完。