WebKit の inspector

こことか見てあとで整理する。

1. http://trac.webkit.org/wiki/Web%20Inspector%20Redesign.ja
2. http://trac.webkit.org/wiki/Web%20Inspector%20Update.ja
3. http://trac.webkit.org/wiki/WebInspector
4. http://developer.apple.com/jp/technologies/safari/developer-tools.html

1. http://www.webkit.org/blog/1463/web-inspector-styles-enhanced/
2. http://www.webkit.org/blog/1091/more-web-inspector-updates/
3. http://www.webkit.org/blog/829/web-inspector-updates/
4. http://www.webkit.org/blog/197/web-inspector-redesign/

inspect(object)

object がひとつだった場合に dom ペイン？に移動してその要素を選択する。複数ならconsoleに列挙する。

• Audits パネルに remove unused CSS Rule がある
• Web Inspector で右クリックすると Audits パネル自体の inspect ができる。
• Timeline パネルの意味を調べる。
  • とても細かく何が起きてるか追える！これは速度最適化に便利！
• 行番号右クリックで条件式ちゃんと入れられる。
• Watch Expressions に object を追加すると値の監視ができる。