概要
状態:-
閲覧数:2,103
投稿日:2015-06-05
更新日:2015-06-05
コンソールエラーは、ブラウザ毎に異なる
・「Chromeコンソール」で表示されるエラーは、「Firefox」 や 「Internet Explorer」で表示されない場合がある
・逆もまた然り
「Chrome」だけで開発を進めていると、HTMLタグ漏れに気が付きにくい
・「Chrome」は、HTMLタグ漏れを自動補正してくれる
・HTMLタグ漏れに関するエラーは、コンソール画面に一切表示しない
・そのため、HTMLは正常である、と勘違いしがち
「Internet Explorer」で標準装備されているデバッグツールだけが、HTMLタグ漏れを確認可能
・「Internet Explorer」では、右クリックより「要素の検索」をクリックするだけで、HTMLタグ漏れに関するエラーもコンソール画面に表示
・F12 開発者ツールのコンソール エラー メッセージ (Windows)
「Firefox」コンソールエラー
・最も表示文言が丁寧で、かつ、対象項目も多い
・開発が進んだ段階で「Firefox」コンソールを確認すると、そのあまりのエラー数の多さに心が折れそうになるかも…
JavaScritのconsole.log結果は、ブラウザ毎に異なる(場合がある)
・console.log結果はブラウザ毎に異なる場合もあるので、過度に信用してはいけない
・「Chromeコンソール」で表示されるエラーは、「Firefox」 や 「Internet Explorer」で表示されない場合がある
・逆もまた然り
「Chrome」だけで開発を進めていると、HTMLタグ漏れに気が付きにくい
・「Chrome」は、HTMLタグ漏れを自動補正してくれる
・HTMLタグ漏れに関するエラーは、コンソール画面に一切表示しない
・そのため、HTMLは正常である、と勘違いしがち
「Internet Explorer」で標準装備されているデバッグツールだけが、HTMLタグ漏れを確認可能
・「Internet Explorer」では、右クリックより「要素の検索」をクリックするだけで、HTMLタグ漏れに関するエラーもコンソール画面に表示
・F12 開発者ツールのコンソール エラー メッセージ (Windows)
「Firefox」コンソールエラー
・最も表示文言が丁寧で、かつ、対象項目も多い
・開発が進んだ段階で「Firefox」コンソールを確認すると、そのあまりのエラー数の多さに心が折れそうになるかも…
JavaScritのconsole.log結果は、ブラウザ毎に異なる(場合がある)
・console.log結果はブラウザ毎に異なる場合もあるので、過度に信用してはいけない
Uncaught SyntaxError: Unexpected token <
エラーメッセージ
Uncaught SyntaxError: Unexpected token <
原因
コンソール画面より発生元を辿ると、別ページの「<!DOCTYPE html>」が表示される
対応
問題発生ページで、読み込まれないjsファイル記述を削除
結果
エラー表示されなくなる
・Uncaught SyntaxError: Unexpected token <