2017-04-25 14 views
0

angularjsがエラーなしでロードされているかどうかによって、サイトにローディングオーバーレイを追加しようとしています。AngularJSが読み込まれ、javascriptで構文がチェックされる

現在、私はangularjsがにロードされつつあるなら、私に確認することができ、次の小さなスクリプトがあります、私もチェックしたい何

<script type='text/javascript'> 
    window.onload = function() { 
     if(typeof angular == 'undefined') { 
     document.getElementById("page-loader-overlay").style.display = "block"; 
     } else { 
     document.getElementById("page-loader-overlay").style.display = "none"; 
     } 
    }; 
</script> 

をブラウザが任意の特定を与えていないことを確認しています特定のブラウザで読み取れない可能性のあるコードの一部に起因する構文エラーは、上記のチェックを廃止しました。

このチェックに構文チェックを追加する具体的な方法はありますか?

ありがとうございます。

+0

は崇高なテキスト3を使用して、私が探していますものではありませんjslint –

+0

のようなプラグインをインストールしますユーザーのブラウザに特定の構文エラーが表示された場合、特定のアクションをトリガする方法を探しています。 – Pex

+0

はデバッグを追加します。スクリプトのトップにあり、コンソールにブレークポイントを追加してください。 –

答えて

1

グローバルonerror handlerを使用して、構文エラーを検出し、エラーがSyntaxErrorのインスタンスであるかどうかを確認することができ、確かに:

<script> 
onerror = function(messageOrEvent, source, lineno, colno, error) { 
    if (error instanceof SyntaxError) { 
    console.log('Caught a syntax error: ', arguments); 
    } 
} 
</script> 
<script> 
let f/4; // syntax error 
</script> 
+0

これはそのトリックでした。ありがとう – Pex

関連する問題