ブラウザでの開発者ツールの主な機能

yamagenii 26views 更新:2015年2月23日

HTML/CSS/JavaScriptによる開発は簡単に動くので開発が容易な反面,不具合の原因特定が難しいです. そんなときwebブラウザに付属した開発者ツールが必須です

Mozilla Firefox/Google Chrome/Microsoft Internet Explorer/Apple Safari等ブラウザに元から搭載されています

主な機能は以下です

コンソール:ログや実行時に発生するエラーなどを確認できる DOMインスペクター:DOM(Document Object Model)の状態を確認するためのツール要素の親子関係、適用されているCSSのルールなどを確認できる JavaScriptデバッガー:JavaScriptで書かれたプログラムをデバッグするツール。ステップ実行、変数と値の束縛関係などを確認できる プロファイラー:JavaScriptで書かれたプログラムのパフォーマンスを計測できる ネットワークモニター:通信状況を確認するツール。通信にかかった時間やレスポンスコードなどを確認できる

またFirefoxはCSSのエディターというCSSの記述を直ぐに反映出来る機能を持っていたりするので、 開発用途によってブラウザを使い分けるとより効率的になります

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません