
Firebugでできること: ソースコードのエラー解析
杉山貴章(オングス)
2008-11-07 08:00:00
コンソールでエラーの場所を特定する
コンソールパネルでは閲覧中のページで発生したエラー/ワーニングの表示や、発行したXMLHttpRequestの表示、コマンドラインからのJavaScriptコードの実行、JavaScriptのプロファイリングなどを行うことができる。またコンソールAPIと呼ばれる独自のAPIを持っており、ウェブページ側からFirebugで提供される機能を利用することも可能だ。
ここでは簡単なJavaScriptを含むHTMLファイルを表示させ、結果を見てみることにする。HTMLファイルはリスト1のようなものを用意した。これはボタンをクリックすると表示する写真が切り替わる、シンプルなスライドショーである。ただし、1ヵ所だけタイプミスを含んでいる。
リスト1 firebug-sample.html - 簡単なスライドショーの例(ただしタイプミスあり)
スライドショー スライドショー
これをFirefoxで表示し、Firebugのコンソールを開きながらボタンをクリックすると、図1のようにエラーが表示される。これを見ればどこでエラーが発生しているのかを一目で把握することができる。ファイルへのリンクをクリックすると、スクリプトパネルが開いてソースコード上でエラーの発生箇所を確認できる。
コンソールに表示する内容は[オプション]メニューより指定可能だ。JavaScriptだけでなくXMLやCSSのエラー、ファンクションのスタックトレースなども表示することができる。

folllow builer on
twitter
- 新着記事
- 特集
- ブログ
- 企画特集
-
加速する基幹システムのオープン化
-
事例で知るAWS徹底活用!
-
熱視線!「次世代メガクラウド」
-
AWSセミナー講演レポート
-
すぐに使えるデータは3割以下
-
働き方改革のカギはズバリこれ!
-
真の生産性向上を成す働き方とは
-
AWSセミナー講演レポート
-
まさにインフラ担当者の希望の星!
-
CIOは部分最適ではいけない
-
AWSセミナー講演レポート
-
複雑なセキュリティ運用と決別を!
-
AWSセミナー講演レポート
-
AWSセミナー講演レポート
-
コンタクトセンターが変わる!
-
コネクテッド・エンタープライズへ
-
結局ここで手を抜いたら終わり…!
-
Windows 10 移行の課題に切り込む
-
必須の時代!AIチャットボットの力
-
ITガバナンス協会副理事に聞く!
-
転換期を戦える組織やチームを作れ
-
AWSセミナー講演レポート
-
「ためられない」と分析もできない
-
特集:AWS活用はここまできた
-
「カジュアルなIoT」を実践!
-
どのクラウドかは重要ではない
-
ビジネス視点で評価せよ!
-
悩ましい!生産性と管理強化の天秤
-
急げ!新たなネットインフラの革新
-
DX時代に競争力の源泉となるHCI
-
兼任情シスでも、手は緩められない
-
いまどきのクラウド用語12選
-
IoT時代の新たなモノづくり
-
最近、Office 365が重い…!?
-
対談:大谷イビサ氏×ZDNet編集長
-
衝撃!サイバー攻撃の9割はメール
-
5G時代のネットワーク運用最前線
-
SBI証券の挑戦!!
-
クラウドがもたらすITの価値
-
vFORUMレポ!次世代の構築・運用へ
-
特集:ブロック至上主義からの脱却
-
AWSセミナー講演レポート
-
NWに悩まない次世代クラウド基盤!
-
デジ変した世界の勝ちパターン探る
-
「ゼロ情シス」企業こそ攻めのITへ
-
漫画:輸出管理の困ったに
-
IoTは次のフェーズへ
-
機械学習は敷居が高い?
