Question

我在移动野生动物园的角度APP初始加载时遇到问题，它在空白页面上挂了将近2分钟，而在其他浏览器上，即使在MAC safari和IPAD safari上也能完美运行。

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

我的问题是：第一页的js文件数量对移动游猎有什么限制吗？或者我滥用angularJS或HTML5，或其他任何东西。因为我认为如果safari确实如此，它似乎很尴尬，应该仔细记录，我从未在谷歌上搜索过。

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

<!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>

Answer 1

Mobile Safari uses an interesting feature called HTTP Pipelining, which may not be supported by your web server software. See Safari Sends Two HTTP Req. Same Time/Socket

Mobile Safari在加载JS文件时挂起

1 个答案: