最高にわかるChromeデベロッパーツールの使い方(チートシート付き)

作成：2016/07/11 更新：2017/04/16 Web制作 > 使い方 初めてデベロッパーツールを触る人でも分かるように、簡潔・シンプルに書きました。画像付きのチートシートのようなものですね。今回は初心者の方向けということでChromeデベロッパーツールの入門編。Chromeは最新版です。 エンジニア速報は Twitter の@commteで配信しています。 設定 背景色を黒にする タブの幅を変える エディタ エディタとして使う ローカルファイルのコードを整形する コンソール ログの閲覧・JavaScriptの入力や練習 エレメント 編集 CSS内の画像サイズと大きさを知る カラーフォーマットの変更 Breakpoints / クリックされた時のコードを見つける モバイル 回線速度のエミュレート 通信環境を選択 Androidデバッグ モバイルデバックの実機を増やす ネットワーク

[fujii_yuji]

使おうってときに使い方忘れて毎回検索しているので、これをブクマしておこう

[fm_moja]

初心者用でおすすめ

[field_combat]

色とか変えられるんだ。未使用のセレクタは今度試してみよう

[mzkzzz]

ローカルファイル編集できるのしらなんだ。

[digitalglm]

最高にわかるChromeデベロッパーツールの使い方(チートシート付き) | コムテブログ: 作成：2016/07/11 Tool…

[daizo1117]

“ログの閲覧・JavaScriptの入力や練習”

[s99e209]

良いまとめ。

[madarax11]

最高にわかるChromeデベロッパーツールの使い方(チートシート付き) - コムテブログ

[shin_kamishiro]

ありがたい:)