2015-02-07 75 views
0

我在移動Safari瀏覽器上的角度APP的初始加載時出現問題,它在空白頁面上掛起將近2分鐘,而在其他瀏覽器上,即使在MAC Safari上也是如此, IPAD safari。移動Safari掛在加載JS文件

第一次猜測,也許我的應用程序有太多的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> 

回答