1. Google Dev Tools 簡介
edited by lindsay.hsieh
20121126

2. Setting

4. 示範
style範例
pause範例

5. Console
檢視整個網頁的文字部份
document.body.innerText
複製語法 copy()
copy( document.body.innerText )
清除
clear();

6. Console
你最近選取的element上
$0;
$1;
$2;
檢查元素指定 id 的物件
inspect( wrapper );

7. Console
檢查元素指定 id 的物件，列出 JavaScript 物件
屬性
dir ( wrapper );
檢查元素指定 id 的物件，使用 html 樹狀結構呈
現
dirxml( wrapper );

9. 示範
範例

11. HAR reader
http://ericduran.github.
com/chromeHAR/

12. source
video
http://www.youtube.com/watch?v=BaneWEqNcpE
http://www.youtube.com/watch?v=yO-TfKT2O_4
slides
http://www.igvita.com/slides/2012/devtools-tips-and-tricks/