Hatena::ブログ(Diary)

neotagの雑文 このページをアンテナに追加 RSSフィード

2011-03-05

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 を追加すると値の監視ができる。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/neotag/20110305/1299342079