2016-07-08 1 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の提案のおかげで、私は問題を確認するためにコンソールを開くことができました。奇妙なことに、角度コントローラのバグは、すべてのjavascriptがモバイルブラウザで読み込まれるのを停止しましたが、デスクトップブラウザは明らかにもっと寛大で、エラーにもかかわらずすべてのjavascriptを読み込んでいます。したがって、前者では機能しませんでしたが、後者では機能しませんでした。提案していただきありがとうございます!モバイルブラウザでデバッグするためのもう1つの便利なリンクは、興味があれば:https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/

関連する問題