如何确保加载网页或Android应用程序中的所有css和js文件？

Question

我开发了一个移动应用程序，可以加载3个css和7个javascript文件。问题是如果wifi信号非常慢，则在加载所有javascript和样式表之前加载HTML。由于样式表没有加载，HTML看起来很不安，几秒钟之后（我想在正确加载css和js之后），HTML结构自动采用正确的格式，但我不想显示受干扰的格式，为此我需要确保首先加载所有js文件，然后只显示HTML。

如果您有任何想法如何实现这一目标？

Answer 1

您可以使用缓存清单。阅读这些资源：

• http://appcachefacts.info/
• http://en.wikipedia.org/wiki/Cache_manifest_in_HTML5
• https://developer.mozilla.org/en/docs/HTML/Using_the_application_cache

或者 - 确保将资源放在正文之前，将它们放在正确的位置（头标记）。

Answer 2

您应该在标题的网页顶部链接到外部css样式表，如下所示：

<link rel="stylesheet" type="text/css" href="http://whiterootmedia.com/css/example.css" />

或在标题中插入<style>元素。同样，如果它影响您的初始布局，则应该为您的JavaScript完成此操作。请记住，如果您使用外部JS文件，浏览器将停止在代码中引用外部JavaScript文件的位置呈现页面，以加载外部JavaScript文件。如果您使用了大量JavaScript，请将其放在页面底部（与大多数人的操作相反）或使用onload()函数。

网页从上到下加载，因此您遇到的问题应该与您的CSS顺序相关（最有可能）。