Firefoxでのエラー表示

広告

ブラウザとしてFirefoxを使用している時に発生したJavaScriptのエラーを表示する方法について解説します。(下記はFirefox バージョン 49.0.1で確認しました)。

FireFoxを起動して下さい。

p3-1

JavaScriptが実行されるとエラーになるページをテスト用として用意しました。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>JavaScript テスト</title>
</head>
<body>

<script type="text/javascript">
var num;
num = base * 5;
</script>

</body>
</html>

FireFoxから上記ページへアクセスして下さい。エラーが発生しているはずですが画面上には何も表示されていません。

p3-2

ではエラー内容を確認します。右上に表示されているメニューアイコンをクリックして下さい。表示されたメニューの中から「開発者ツール」をクリックして下さい。

p3-3

サブメニューが表示されますので「開発ツールを表示」をクリックして下さい。

p3-4

画面下部に開発ツールが表示されます。

p3-5

「コンソール」をクリックして下さい。

p3-6

JavaScriptの実行時に発生したエラー内容を確認することができます。

p3-7

エラーが発生した箇所を確認するにはエラーが表示されている個所の右端に表示されているリンクをクリックして下さい。

p3-8

ページのソースの中でエラーが発生している個所が表示されます。

p3-9

FireFoxでJavaScriptがエラーになった場合のエラー内容を確認する手順について解説しました。

( Written by Tatsuo Ikura )