工作在桌面浏览器上的<script>标签,但不适用于Mobile(MEAN应用程序)

时间:2016-07-08 14:48:22

标签: javascript angularjs node.js mobile

我的应用程序在桌面浏览器上运行正常,但是,当我在移动浏览器(Chrome / Safari / Firefox)中打开它时,我的角度应用程序的标签无法读取。当我的角度显示为{{user.first}}(例如,在页面中)时,可以看到这种情况,并且根本不加载角度部分。我希望看到部分内容。这是我的应用程序负责人:

&#xA;&#xA;
 &lt;! - 最新编译和缩小的CSS  - &gt;&#xA;&lt; link rel =“stylesheet” href =“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”integrity =“sha384-1q8mTJOASx8j1Au + a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7”crossorigin =“anonymous”&gt;&#xA;&#xA ;&lt ;!  - 可选主题 - &gt;&#xA;&lt; link rel =“stylesheet”href =“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min .css“integrity =”sha384-fLW2N01lMqjakBkx3l / M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV + 0En5r“crossorigin =”anonymous“&gt;&#xA;&#xA;&lt;! - 最新编译和缩小的JavaScript  - &gt;&#xA;&lt; script src =“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js”integrity =“sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS”crossorigin =“anonymous”&gt;&lt; / script&gt;&#xA; &lt; script src =“https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js”&gt;&lt; / script&gt;&#xA;&#xA;&lt;! - 角度组件 -  - &gt;&#xA;&lt; script src ='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js'>&lt; / script&gt;&#xA; &lt; script src =“https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-route.min.js”&gt;&lt; / script&gt;&#xA;&lt; 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'&gt;&#xA;&lt; script type ='text / javascript的'src ='/ scripts / config.js'&gt;&lt; / script&gt;&#xA;&#xA;&lt;! - 日期时间选择器 - &gt;&#xA;&lt; link rel =“stylesheet “href =”/ bower_components / eonasdan-bootstrap-datetimepicker / build / css / bootstrap-datetimepicker.min.css“&gt;&#xA;&#xA;&lt; script src =”/ bower_components / ng-file-upload / NG-文件upload.min.js“&GT;&LT; /脚本&GT;&#XA;&#XA; &lt; script type =“text / javascript”src =“/ bower_components / moment / min / moment.min.js”&gt;&lt; / script&gt;&#xA; &lt; script type =“text / javascript”src =“/ bower_components / moment / locale / pt.js”&gt;&lt; / script&gt;&#xA; &lt; script type =“text / javascript”src =“/ bower_components / eonasdan-bootstrap-datetimepicker / build / js / bootstrap-datetimepicker.min.js”&gt;&lt; / script&gt;&#xA; &lt;! -  controllers  - &gt;&#xA; &lt; script type ='text / javascript'src ='/ controllers / reservation_controller.js'&gt;&lt; / script&gt;&#xA; &lt; script type ='text / javascript'src ='/ controllers / api_controller.js'&gt;&lt; / script&gt;&#xA; &lt; script type ='text / javascript'src ='/ controllers / user_controller.js'&gt;&lt; / script&gt;&#xA; &lt;! -  factories  - &gt;&#xA; &lt; script type ='text / javascript'src ='/ factories / reservation_factory.js'&gt;&lt; / script&gt;&#xA; &lt; script type ='text / javascript'src ='/ factories / venue_factory.js'&gt;&lt; / script&gt;&#xA; &lt; script type ='text / javascript'src ='/ factories / user_factory.js'&gt;&lt; / script&gt;&#xA;&#xA;&#xA; &lt; script type =“text / javascript”src =“/ assets / js / angular-bootstrap-datetimepicker-directive.js”&gt;&lt; / script&gt;&#xA; &lt; link href =“/ assets / css / main.css”type =“text / css”rel =“stylesheet”media =“screen,projection”/&gt;&#xA;  
& #xA;&#XA;

&#XA;

2 个答案:

答案 0 :(得分:0)

没有什么明显不合适的地方,但您的移动浏览器的控制台可能会告诉您更多关于您的问题的信息。

我强烈推荐Chrome's remote debugging tool

答案 1 :(得分:0)

感谢@NicholasAnderson的建议,我能够打开一个控制台来检查问题。奇怪的是,角度控制器中的一个错误阻止了所有javascript加载到移动浏览器上,但是桌面浏览器显然更宽松并且尽管有错误但加载了所有javascript。因此,它对前者无效,对后者无效。谢谢你的建议!如果有兴趣,在移动浏览器上进行调试的另一个有用链接是:https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/