2017-11-06 3 views
0

JSアプリケーションの起動後にダウンロードエラーを検出する方法はありますか?一例として、ここに示すものと同様:WordPressでブラウザのダウンロードエラーを検出する

enter image description here

(などのダウン、ネットワークに起因する可能性が)JS/CSSファイルのダウンロードエラーを検出したいです。たとえば、これらのエラーのいずれかが検出された場合、壊れたページを表示する代わりにエラーページを表示することができます(スタイルの欠落などによる)。私のアプリケーションは多くのサードパーティのプラグインを使用しているので、どのファイルがロードされているのかわからないので、特定のスタイルのロードを検証できません。

クロムAPIコールバックはありますか?クロム固有の解決策は私たちが唯一の完全にサポートされているブラウザだから大丈夫です。

JSエラー自体については、window.onerrorを使用できますが、これは範囲外です。 JavaScriptファイルの場合

答えて

1

、あなたは404エラーを処理するためにonerrorを使用することができます。

<script src="/scripts/jquery.js" onerror="alert('error');" type="text/javascript"> 

あなたがスコープにページ全体のリソースをしたい場合は、あなたがerrorのイベントリスナーを追加することができますが:

<script type="text/javascript"> 
    window.addEventListener('error', function(e) { 
     alert('error while loading resources: ' + e.message); 
    }, true); 
</script> 
+0

OPスクリプトタグではなくxhrを使っているようですが、['error'](https://developer.mozilla.org/en-US/docs/Web/Events/error)イベントはバブルしません。 – Kaiido

+0

例えば、ページの読み込みに失敗したtinymceプラグインのエラーがあります – srvy