作業効率が10倍アップする Chrome Developer Tools の使い方

アジェンダ Chrome Developer Tools とは 基本的な使い方 応用的な使い方 まとめ 使用環境は Chrome 16 dev 版なので、stable版とはちょっと違うかも。 Chrome Developer Tools とは Google Chrome に付属のデバッガ JavaScriptやDOMをいじれる リクエスト情報を見たり、プロファイラで解析することもできる 最近はFirebugより安定してるし高機能

[owi]

早速実践としてElementsパネルから本文外周の枠を選択しsection::beforeのbox-shadow系を全て外しましょう。スライドがかなり軽くなります。 / 適材適所を見極めずCSS3乱用で糞重いサイトいっぱい出てくるんだろうなぁ・・・

[itochan]

タイトルだけあるけれど、何をどうすれば次ページへいくんだかなんだかわからない。　たぶん壊れてるページ　／　いや本当に、マウスで画面内あちこちクリックしてみるんだけれども…

[Kimura]

FireBugより高機能なChrome用デバッグツールの使い方スライドショー。すんごい使い込んでないとここまで書けないよね。

[flatflat357]

ページがすすすめなくてビックリした。表紙に記載しておいて欲しい

[peroon]

dropboxのslide機能？

[ofsilvers]

よい資料

[nikunoki]

[developer]

[bigchu]

: おお、たまに使うがここまで機能あるのか

[yuku_t]

気のせいかも知れんが、スライドをめくる度にM単位のメモリを消費していく。なんかやばい

[izuyan]

ChromeのDeveloper Tools の使い方

[akymrk]

後半あとでよむ。$$()、$x()、オンザフライで編集した内容がversiningされてる、ファイル保存できる、etc..

[n-sega]

JavaScriptの整形機能にこころをうたれた！

[hama_shun]

Ctrl + Shift + i 知らなかった！

[edo_m18]

これはいいなー。応用は結構知らない機能あった。今度から使おう。

[iga_k]

あとで読む thx to @tatsuoSakurai

[calpo]

Chromeのデバグツール

[an3n]

web制作

[pokutuna]

monitorEventsみたいなのもっと早く知りたかった

[Kshi_Kshi]

作業効率が10倍アップする Chrome Developer Tools の使い方

[lesamoureuses]

応用編でいくつか知らないのがあったのでメモメモ

[takuma510]

とりあえずCommand-option-i

[m_hatayama]

すばらしい資料

[warriorking]

作業効率が10倍アップする Chrome Developer Tools の使い方

[zederbuch]

知らないことがいっぱい・・・

[karatte]

DropboxのURLなのね "Google Chrome に付属のデバッガ JavaScriptやDOMをいじれる リクエスト情報を見たり、プロファイラで解析することもできる 最近はFirebugより安定してるし高機能"

[hatakazu]

技術,chrome

[longroof]

作業効率が10倍アップする Chrome Developer Tools の使い方

[iwaki2010]

Chrome

[kuwalab]

これはやばい。

[ideo]

Chrome Developer Toolsがすごいってことのプレゼン。確かにすごい。応用編やばい。DOMにブレークポイント設定とか。

[yzixvxizy]

Developer