Question

这是我的index.html文件。我使用了angularjs，bower组件等。我使用angular ui视图将标题，内容，页脚文件存储为另一个文件夹中的模板。当我尝试打开＆＃34; index.html＆＃34;是mozilla（使用它很长一段时间）网站打开完美（所有的CSS和脚本加载完美），但在其他一些浏览器中它只显示一个空白屏幕。我已经检查过网络开发人员选项，在mozilla中没有错误，但在其他浏览器中有很多304和404错误。在其他浏览器上加载样式和脚本或某些缓存数据问题时是否存在一些问题？

        <!DOCTYPE html>
<html lang="en" ng-app="medicalApp">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>temp_App</title> 
    <!-- links to various stylesheets-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../bower_components/bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="../bower_components/components-font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="../bower_components/ng-dialog/css/ngDialog.min.css" rel="stylesheet">
    <link href="../bower_components/ng-dialog/css/ngDialog-theme-plain.min.css" rel="stylesheet">
    <link href="../bower_components/ng-dialog/css/ngDialog-theme-default.min.css" rel="stylesheet">
    <link href="styles/bootstrap-social.css" rel="stylesheet">
    <link href="styles/mystyles.css" rel="stylesheet">
</head>
<body>
    <!-- I have used angular ui-view and store header, content, footer files as templates-->
    <div ui-view="header"></div>
    <div ui-view="content"></div>
    <div ui-view="footer"></div> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.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-resource/angular-resource.min.js"></script>
    <script src="../bower_components/ng-dialog/js/ngDialog.min.js"></script>
   <script src="scripts/app.js"></script>
    <script src="scripts/controllers.js"></script>
    <script src="scripts/services.js"></script>
</body>
</html>

Answer 1

这是不可能的，因为我们无法直接询问您的页面/脚本。通常，Angularjs应用程序中的白屏表示脚本错误（通常无法加载依赖项或模板）。控制台应该给你答案。 Firefox非常宽容，这就是我更喜欢使用Chrome的原因。在失败的浏览器中查找依赖性加载的角度错误。

可能是您正在加载脚本的顺序。除此之外，我无法在表面上看到任何问题。

我的localhost网站使用（angularjs bower组件）仅适用于特定浏览器，而不适用于其他计算机和浏览器

1 个答案: