Angular應用程序適用於Chrome瀏覽器，但不適用於Safari瀏覽器

我的網站在Chrome瀏覽器上正常運行，但在Apple Mobile Safari瀏覽器上已損壞。Angular應用程序適用於Chrome瀏覽器，但不適用於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。

如果您需要更多信息，或者希望我擴充我的文章以包含更多信息，請讓我知道。

來源

2016-10-16 Ben L

它是如何被打破的？ – Robert

應用程序無法啓動。我的網站使用Angular路線（菜單欄和頁腳作爲index.html的一部分，內容使用路徑導入）。頁眉和頁腳加載，但角JS路徑不顯示內容。 –

您正在使用ECMA 2015 lambda表示法，嘗試用babel包裝並再次嘗試，您是否檢查了與ECMA Script 2015的瀏覽器兼容性狀態？

來源

2016-10-16 16:40:55 bretanac93

謝謝bretanac93。

他說得對，我使用的是目前瀏覽器支持的更新版本的Javascript。

他建議我使用Babel，它是一種將新的Javascript轉換爲兼容的Javascript的編譯器。

我使用babel來編譯兼容性JavaScript，它的作用就像一個魅力。

來源

2016-10-17 07:26:43

Angular應用程序適用於Chrome瀏覽器，但不適用於Safari瀏覽器

回答

相關問題