網頁

2012年7月4日 星期三

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

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

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

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


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


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


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


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


詳細設定可參考

沒有留言:

張貼留言