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

開發工具打開方式:

1. 功能表 -> 工具 -> 開發人員工具

2. 直接按 F12 叫出來

強大的功能:

1. 在網頁任何位置按右鍵,選擇"檢查元素",就可以看到原始碼。

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

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

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

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

詳細設定可參考

mark528 發表在 痞客邦 PIXNET 留言(0) 人氣()