【问题标题】:Detect browser download errors in WordPress检测 WordPress 中的浏览器下载错误
【发布时间】:2018-04-18 06:26:13
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: javascript css google-chrome web browser


    【解决方案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>
    

    【讨论】:

    • OP 似乎使用的是 xhr,而不是脚本标签,并且 error 事件不会冒泡。
    • 例如,一些错误是由于tinymce插件在页面加载时无法下载css
    猜你喜欢
    • 2011-05-30
    • 1970-01-01
    • 2017-06-30
    • 2010-09-20
    • 2015-06-29
    相关资源
    最近更新 更多