AngularJS 网站适用于 Firefox，但不适用于 Chrome答案

【问题标题】：AngularJS website works in Firefox, but not in ChromeAngularJS 网站适用于 Firefox，但不适用于 Chrome
【发布时间】：2018-02-01 17:16:25
【问题描述】：

由于某种原因，我的网站无法在 Chrome 中运行。

我已将其归结为画廊控制器。似乎如果它存在，整个应用程序将无法在 Chrome 中运行。显然，这可能是因为 Firefox 自动完成标签。但是，问题仅在于 Angular 应用程序本身。如果我更改 's 的顺序，并将带有画廊的部分放在最后，则该网站在 Chrome 中保持完整，但是画廊是。

app.controller('GalleryCtrl', function ($scope, Lightbox) {
  $scope.images = [
    {
      'url': 'https://www.kreo-it.pl/ResponsiveWebDesign.jpg',
      'thumbUrl': 'https://www.kreo-it.pl/rwdthumb.jpg',
    },
    ];

   $scope.openLightboxModal = function (index) {
    Lightbox.openModal($scope.images, index);
  };

});

app.controller('GalleryCtrl1', function ($scope, Lightbox) {
  $scope.images = [
    {
      'url': 'https://www.kreo-it.pl/BannerTemplate.jpg',
      'thumbUrl': 'https://www.kreo-it.pl/bthumb.jpg',
    },
    ];

  $scope.openLightboxModal = function (index) {
   Lightbox.openModal($scope.images, index);
  };

});

app.controller('GalleryCtrl2', function ($scope, Lightbox) {
  $scope.images = [
    {
      'url': 'https://www.kreo-it.pl/VisualIdentity.jpg',
      'thumbUrl': 'https://www.kreo-it.pl/vithumb.jpg',
    },
    ];

  $scope.openLightboxModal = function (index) {
    Lightbox.openModal($scope.images, index);
  };

 });

这是控制器的代码。我正在使用多个，因为我还没有找到一个解决方案，可以为我提供 3 个在单个控制器中不相互交互的单个灯箱。无论如何，我的问题是：

为什么网站可以在 Firefox 中运行，但通常不能在 Chrome 中运行？
如何修复灯箱库？
有什么方法可以让这个设计更高效。

谢谢。有问题的网站是 www.kreo-it.pl，单击“投资组合”选项卡。如您所见，该图库适用于 Firefox，但不适用于 Chrome。

【问题讨论】：

至少有一个问题是你在 angular.js 之前加载 angular-route.js
谢谢！但是，这并没有解决我的问题。该网站在 IE、Firefox 和 Safari 中运行良好。 Chrome 中一定有一个功能会破坏图库。

标签： javascript angularjs twitter-bootstrap google-chrome firefox

【解决方案1】：

是的，我已经在两种浏览器中测试了您的网站。一切都在铬也工作正常。这里附上我浏览器的截图。弹出打开完美。是的，我检查数据加载是否存在问题。您的图像尺寸是高分辨率的，因此在弹出窗口中查看图像需要加载时间。还用小写重命名所有图像。

【讨论】：