Webブラウザ内蔵の開発者ツールの使い方
Last modified by kashi on 2016/07/21, 14:20
ブラウザの開発者ツールの説明、使い方の説明を載せていきます。
ブログでもまとめていますので、合わせてこちらもご覧ください。
※hifiveに基づいたコントローラの階層構造やメソッド呼び出しトレースなどを表示するhifive Developer Toolがリリースされています。詳しくは⇒hifive開発者ツール を参照してください。
概要
デバッグ
HTMLの表示やスタイル、JavaScriptの動作が想定と違う時には開発者ツールを使ってデバッグできます。
ネットワークの通信状況・パフォーマンスを調べる
パフォーマンス調査
動作が重いとき、開発者ツールから原因を調査することができます。
モバイル、タブレットのデバッグ
逆引き(ケーススタディ)
こういう場合にどうすればいいのか、をよくある例を使って解説します。