開発者ツール(DevTools)の使い方

ゲームの作り方

t f B! P L

開発者ツール(DevTools)とは

最近のブラウザにはだいたい搭載されている、web開発をする上で便利な機能が詰まったツールです。
Chrome系のブラウザ(ティラノスタジオ、Google Chrome)の場合は「F12」キーを押すことで表示されます。

開発者ツールでできること

  • ページ内のhtml要素を確認する
  • html要素に適用されているCSSのスタイルを確認する
  • html要素に適用されているイベントを確認する
  • javascriptやその他のエラーを確認する
  • javascirptの簡易実行
  • 各種リソース(画像、音声、その他)が読み込まれているか確認する
  • etc…
結論:いろいろできます

各画面説明

Elements

Console

Sources

Network


Performance

Memory

Application

Security

Audits

タグ一覧最初から表示

このブログを検索

連絡先

名前

メール *

メッセージ *

QooQ