相关疑难解决方法(0)

我有一个函数执行以下操作javascript:

1. 创建link元素并设置href = cssFile.
2. 在head标签中插入link元素.
3. 创建一个div元素.
4. 使用setAttribute设置类名
5. appendChild 身体上的div.
6. 现在使用CSS规则值document.defaultView.getComputedStyle(divElement, null)[cssRule].

现在getComputedStyle返回默认值,如果我在调用之前使用Firebug 等待断点getComputedStyle,那么它将从注入的CSS返回CSS规则.

此致,
穆尼姆

前提:我已经找到了这两个答案,但我不明白我如何在许多库中对其进行sistematically应用:

检测并记录外部JavaScript或CSS资源无法加载的时间

HTML if语句在CDN失败时加载本地JS/CSS

我有一个Augular 1.x应用程序,它依赖于几个库,其中许多库托管在CDN或外部服务器上.不幸的是,当用户离线时,Internet连接无法正常工作或存在(CDN)服务器问题,某些库偶尔会无法下载并因此无法加载.

在这种情况下,我想向用户显示"有错误.请重新加载或稍后尝试"的视图.

我的怀疑是:鉴于在index.html中简单地加载了库(其中一些甚至是异步的):

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/0.8.2/angular material.min.css">

对于CSS(头部)和

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.2/angular.min.js"></script>

为JS(在身体的末尾)

如何检测即使是单个库的下载(加载)故障？(事实上​​,让我们说因为连接错误而无法加载Angular,整个应用程序将无法正常工作.但我有几个强制库)

或者我应该优先考虑可靠性(即本地加载库)而不是性能(即缓存的CDN)？此外,我认为重要的是要确保某些库(例如Google Apis)无法通过Bower 真正下载或安装.