Google developer tool 簡介

Google Dev Tools 簡介

edited by lindsay.hsieh20121126

Setting

示範

style範例

pause範例

Console

檢視整個網頁的文字部份

document.body.innerText

複製語法 copy()copy( document.body.innerText )

清除

clear();

Console

你最近選取的element上$0;$1;$2;

檢查元素指定 id 的物件

inspect( wrapper );

Console

檢查元素指定 id 的物件，列出 JavaScript 物件

屬性

dir ( wrapper );

檢查元素指定 id 的物件，使用 html 樹狀結構呈

現

dirxml( wrapper );

示範

範例

HAR reader

http://ericduran.github.com/chromeHAR/

source

videohttp://www.youtube.com/watch?v=BaneWEqNcpEhttp://www.youtube.com/watch?v=yO-TfKT2O_4

slideshttp://www.igvita.com/slides/2012/devtools-tips-and-tricks/