检测WordPress中的浏览器下载错误

时间:2017-11-06 06:31:44

标签: javascript css google-chrome web browser

一旦JS应用程序启动,有没有办法检测下载错误?就像这里显示的那样:

enter image description here

想要检测JS / CSS文件下载错误(可能是由于网络故障等)。比方说,如果我发现任何这些失败,我可以渲染错误页面而不是显示损坏的页面(由于缺少样式等)。我的应用程序使用了大量的第三方插件,因此我不知道正在加载哪些文件 - 因此无法验证特定样式的加载..

是否有任何Chrome API回调?我可以使用任何特定于Chrome的解决方案,因为这是我们唯一完全支持的浏览器。

对于JS错误本身,我可以使用window.onerror,但这似乎超出了范围。

1 个答案:

答案 0 :(得分:1)

对于Javascript文件,您可以使用onerror来处理404错误:

<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>