Chrome Developer Tools の使い方

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Pocket

前回宣言してた Chrome Developer Tools の使い方についてまとめました.

それぞれ実際に使っているところを動画キャプチャして解説してます.

PLAY LIST

動画のプレイリストはこちら.

TUTORIAL LIST

起動, それぞれのパネルの使い方について

Reference

参考にしたサイト

これで最低限, 活用できるかなと思います.

ほかにもリーソースパネルで読み込んでいる画像を見たり Web Storage の中身を確認したり タイムラインパネルでプロファイルしたり出来たりします.

この辺はまた別の機会に動画を作ろうと思ってます.

間違いや質問, 要望などありましたら気軽にコメント, Tweetしていただけると嬉しいです. 次回は, Canvas で何か表示して遊ぶまでを動画にまとめて公開します.

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT