好用的 Chrome 內建開發人員工具

在同事的介紹下，意外發現這佛來心的工具，真是太好用啦，它陪伴我寫完第一個手機網站。

開發工具打開方式：
1. 功能表 -> 工具 -> 開發人員工具
2. 直接按 F12 叫出來

強大的功能：
1. 在網頁任何位置按右鍵，選擇"檢查元素"，就可以看到原始碼。


2. Network 頁面，可以看到網頁各項的執行時間。


3. Console 頁面，可以檢查錯誤訊息。


4. 設定(藏在右下角的齒輪圖示)中，可以 Disable Cache 和 JavaScript。


5. 最近才發現的功能，之前都是用下指令的方式來模擬手機瀏覽器，沒想到這好用的功能就藏在設定內。


詳細設定可參考