javascript – 检测样式表是否加载失败(不适用于Firefox)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 检测样式表是否加载失败(不适用于Firefox)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1084字，纯文字阅读大概需要2分钟。

内容图文

我拼凑了一个来自不同来源的脚本,这有助于我在样式表无法加载时放置一些后备(特别是对我来说,Pictos服务器并不总是可靠的).

这很好用,但由于某种原因在Firefox上失败,它不会处理if语句中的任何内容.我试过通过JSHint运行它并没有出现任何严重的问题.

有任何想法吗？

$(document).ready(function(){
    $.each(document.styleSheets, function(i,sheet){
      if(sheet.href==='http://get.pictos.cc/fonts/357/9') {
        var rules = sheet.rules ? sheet.rules : sheet.cssRules; // Assign the stylesheet rules to a variable for testing

        $('body').addClass('pictos-working');
        $('.pictos-fallback').hide(); // Hide fallbacks

        // If the stylesheet fails to load...
        if (rules.length === 0) {
            $('.pictos').hide(); // Hide Pictos tags so we don't get random letters
            $('body').removeClass('pictos-working'); // Remove 'working' class
            $('.pictos-fallback').show(); // Show fallbacks
        }
     }
    });
});?

解决方法:

您的样式表检测方法不可靠.由于Same origin policy,样式表来自不同的域时,cssRules为null.

而不是通过cssRules对象检测css规则的存在,检查是否正在应用样式表中的规则：

if ($('selector').css('property') === 'expectedvalue') {
    // Loaded
} else {
    // Not loaded.
}

内容总结

以上是互联网集市为您收集整理的javascript – 检测样式表是否加载失败(不适用于Firefox)全部内容，希望文章能够帮你解决javascript – 检测样式表是否加载失败(不适用于Firefox)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端