google developer tool 簡介
Post on 15-Jan-2015
251 Views
Preview:
DESCRIPTION
TRANSCRIPT
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/
top related