Question

我的网站在Chrome上运行正常但在Apple Mobile Safari上已损坏。

我遇到了麻烦的情况，并发现放在我的角度控制器一侧的下面一行代码引起了问题。没有这个代码一切正常。

代码获取页面上的所有图像并将它们放在数组中。我能做些什么来确保适当的兼容性？谢谢！

$scope.load_picture_cotent = function () {

  $scope.pictures = Array.from(

    document.querySelectorAll
    ('div.album [style^="background-image"]')).map
    (el=>el.style.backgroundImage.replace(/url\((.*)\)/,'$1')
          .replace(/"/g,'')
          .replace(/thumbnails/,'highresolution'));

    console.log($scope.pictures);
}

您还可以查看网站here。

如果您需要更多信息或希望我扩展帖子以包含更多信息，请与我们联系。

Answer 1

您正在使用ECMA 2015 lambda表示法，尝试使用babel包装并再次尝试，您是否使用ECMA Script 2015检查浏览器兼容性状态？

Answer 2

谢谢bretanac93。

他是对的，我使用的是比浏览器目前支持的更新版本的Javascript。

他建议我使用Babel，这是一个将新Javascript转换为兼容Javascript的编译器。

我使用babel来编译兼容性javascript，它就像一个魅力。

Angular应用程序适用于Chrome，但不适用于Safari

2 个答案: