Question

当CDN关闭时，是否存在用于加载本地备份CSS文件的通用解决方案？

<link rel="stylesheet" href="//somecdn.com/somefile.css"/>
<!-- load a local file here if needed -->

我有5个来自不同CDN的CSS文件，加载顺序很重要。

到目前为止我遇到的解决方案并不令人满意：

创建一个虚拟div并使用它来检查一些应该已加载的属性
检查document.styleSheets[0].cssRules.length - 这是跨网站访问权限，某些浏览器不允许

Answer 1

div属性检测作为第一步。选择可靠的东西。例如，身高和能见度可能会很好。

根据检测结果，您可以决定动态加载本地css：

    csl=document.createElement('link');
    csl.setAttribute('rel','stylesheet');
    csl.setAttribute('type','text/css');
    csl.setAttribute('href','mylocalcss.css');
    document.getElementsByTagName("head").item(0).appendChild(csl);

Answer 2

如果CDN不可靠，请不要使用它们。

没有简单的方法来加载there is for JS files之类的备份CSS。切换到始终加载本地CSS，但继续使用CDN for JS（使用本地备份）。

如何在CDN关闭时加载通用CSS文件的本地副本？

2 个答案: