Google DevToolsの紹介

野村さんが仰っていたPixelGrid, Japanの人の講演。

6週間に1回update

Elements

Sources

ミニファイされる前のソースを見れる。

https://gyazo.com/b466f11f6100cd3212662d7cfbe3eb1a

Network

リソースを読み込む順番を変えたり。

反応に対して、どのようなレスポンスを返しているか。

Application

Audits

パフォーマンスの確認

その他の品質チェック

開発効率を上げるあれこれ

ワークスペース

エディタ⇄ブラウザの行き来がだるい

ブラウザ上での編集・保存したら

sourceから、ローカルファイルの読み込みを可能にする。

デバイスビューモード

ブレークポイントごとのメディアクエリの表示がされる。

リモートデバッグ

ローカルのコンテンツを実機で表示することもできる。

remote devices

実機で表示しているのを、そのままPCに表示している。

読み込んだ後に、何が遅いのか。

色々な遅さの要因がある。

どこで情報手に入れているか。

だるそう。

ドロワーのwhats new タブから、何が追加されたなどのハイライトがわかる。

youtubeでのチャンネル。