javascript - 如何检查所有 javascript/css 是否正确加载

Question

我正在尝试找到一种解决方案，如果某些资源未正确加载，它会通知用户。

我已经建立了以下方法:

1. 对于 CSS，我在 Trello 源代码中找到了示例:

   <div id="nocss"> 
     Your browser was unable to load all of Trello's resources. They may have been blocked by your firewall, proxy or browser configuration.
     <br>Press Ctrl+F5 or Ctrl+Shift+R to have your browser try again. 
     <hr>
   </div> 
   

   在最后下载的 CSS 中有以下 CSS:

   #nocss {
    display: none;
   }
   

2. 对于 JS，我创建了以下文章:The best way to load external JavaScript , 但我不确定。

更新

小更新:最好的解决方案应该也适用于来自 CDN 的文件，因为它们是最大的问题。我有一个站点，我在其中添加了 jquery，但在防火墙后面的公司中它被阻止了。

Answer 1

您可以像使用 css 一样使用 javascript 执行几乎相同的操作。

$(document).ready(function(){
    $("#nojs").css("display","none");
}

此代码使用 jquery。如果放入 javascript 文件的开头，它会隐藏一个 div，就像加载 javascript 后的 css 一样。 (当然你需要一个 <div id="nojs"> )