移动 Safari 在加载 JS 文件时挂起答案

【问题标题】：Mobile Safari hangs on loading JS files移动 Safari 在加载 JS 文件时挂起
【发布时间】：2015-07-29 01:16:09
【问题描述】：

我的 Angular APP 在移动 safari 上的初始加载出现问题，它在空白页上挂了近 2 分钟，而在其他浏览器上，它运行完美，即使在 MAC safari 和 IPAD safari 上也是如此。

乍一看，也许我的应用有太多的 js 文件。所以我连接将它们（11 个文件）分成 3 个文件，问题就解决了。似乎移动 safari 对第一页上的 js 文件数量有一些限制。所以我尝试了 4 个文件和 5 个文件，似乎 4 是移动 safari 接受的最大数量。

我的问题是：移动Safari对首页的js文件数量真的有限制吗？还是我滥用了 angularJS 或 HTML5 或其他任何东西。因为我认为如果 safari 真的如此，它似乎很尴尬，并且应该仔细记录我从未在 google 上搜索过的内容。

我的第一页的原始代码如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <base href="/"/>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
    <!-- Custom styles for this page -->
    <link rel="stylesheet" href="../styles/main.css">
    <!-- endbuild -->
</head>
<body class="blog-body" ng-app="blog"  ng-controller="blogCtrl">

<div ng-include src="'modules/blogPublish/blogNavBar.html'"></div>
<div ui-view autoscroll='true' class="anchor"></div>

<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../bower_components/underscore/underscore-min.js"></script>
<script src="../bower_components/angular/angular.min.js"></script>
<script src="../bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="../modules/blogPublish/blog.js"></script>
<script src="../modules/blogPublish/ui_effect.js"></script>
<script src="../modules/appError/appError.js"></script>
<script src="../modules/common/underscore.js"></script>
<script src="../modules/common/alert.js"></script>
</body>
</html>

【问题讨论】：

标签： javascript jquery css angularjs safari

【解决方案1】：

Mobile Safari 使用称为 HTTP Pipelining 的有趣功能，您的 Web 服务器软件可能不支持该功能。见Safari Sends Two HTTP Req. Same Time/Socket

【讨论】：