
開発者ツール(DevTools)とは
最近のブラウザにはだいたい搭載されている、web開発をする上で便利な機能が詰まったツールです。
Chrome系のブラウザ(ティラノスタジオ、Google Chrome)の場合は「F12」キーを押すことで表示されます。
開発者ツールでできること
- ページ内のhtml要素を確認する
- html要素に適用されているCSSのスタイルを確認する
- html要素に適用されているイベントを確認する
- javascriptやその他のエラーを確認する
- javascirptの簡易実行
- 各種リソース(画像、音声、その他)が読み込まれているか確認する
- etc…
結論:いろいろできます