2016-07-08 45 views
-1

我的應用程序適用於桌面瀏覽器完全正常的,但是,當我在移動瀏覽器(Chrome/Safari/Firefox瀏覽器)打開它,因爲我的角度應用標籤工作沒有閱讀。例如,在頁面中,我的角度顯示爲{{user.first}},並且根本不加載角度偏移時,可以看到這種情況。我希望可以看到偏見。這是我的應用程序的頭:<script>標籤上的桌面瀏覽器,但無法在手機上(MEAN應用)

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 

<!-- angular components --> 
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js'></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-route.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-cookies.js"></script> 
<link href='https://fonts.googleapis.com/css?family=Varela|Oswald:700|Neuton:700|Amatic+SC:700' rel='stylesheet' type='text/css'> 
<script type='text/javascript' src='/scripts/config.js'></script> 

<!-- date time picker --> 
<link rel="stylesheet" href="/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css"> 

<script src="/bower_components/ng-file-upload/ng-file-upload.min.js"></script> 

    <script type="text/javascript" src="/bower_components/moment/min/moment.min.js"></script> 
    <script type="text/javascript" src="/bower_components/moment/locale/pt.js"></script> 
    <script type="text/javascript" src="/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> 
    <!-- controllers --> 
    <script type='text/javascript' src='/controllers/reservation_controller.js'></script> 
    <script type='text/javascript' src='/controllers/api_controller.js'></script> 
    <script type='text/javascript' src='/controllers/user_controller.js'></script> 
    <!-- factories --> 
    <script type='text/javascript' src='/factories/reservation_factory.js'></script> 
    <script type='text/javascript' src='/factories/venue_factory.js'></script> 
    <script type='text/javascript' src='/factories/user_factory.js'></script> 


    <script type="text/javascript" src="/assets/js/angular-bootstrap-datetimepicker-directive.js"></script> 
    <link href="/assets/css/main.css" type="text/css" rel="stylesheet" media="screen,projection"/> 

+0

什麼是錯誤日誌說? –

+1

*尋求幫助調試(「爲什麼不是這個代碼的工作?」)問題必須包括所期望的行爲,一個特定的問題或錯誤,並重現它在問題本身所需要的最短的代碼。沒有明確問題陳述的問題對其他讀者無益。請參閱:如何創建[MCVE] *如果錯誤是*當我的角度顯示爲{{user.first}} *然後提供的代碼必須複製,這是看到的。 – BSMP

+0

@JohannesReuter我的錯誤日誌不表示任何異常在後端。我仍然試圖弄清楚如何查看移動瀏覽器的控制檯來檢查任何前端錯誤,所以我在這件事情上摸索着黑暗。 –

回答

0

沒有什麼明顯格格不入的,但你的手機瀏覽器的控制檯也許能告訴你更多關於您的問題比我的。

我強烈建議Chrome's remote debugging tool

0

感謝@NicholasAnderson建議,我能打開一個控制檯來檢查問題。奇怪的是,角度控制器中的一個bug阻止了所​​有的javascript在移動瀏覽器上的加載,但是桌面瀏覽器顯然更寬鬆,並且儘管出現了錯誤,仍然加載了所有javascript。因此,它不適用於前者,而是後者。感謝您的建議!移動瀏覽器上的另一種有用的鏈接,調試,如果有人有興趣,就是:https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/

相關問題