iPad 的 Safari 10 不加载 Angular 5 应用程序（适用于 Safari 11）

Question

我正在使用 Angular 5 部署 SPA 构建。 我在 Windows 所有最新版本的浏览器（即 chrome、firefox、edge）以及 Mac 上的 Safari 上进行了测试。

我无法让它在 Safari 10 上运行。

在将 iPad 的 Safari 连接到 Mac 的 Safari Inspector 时，我设法提取的调试消息下方。 ⇓⇓⇓⇓

Answer 1

不亚于 Paul Irish 先生有一个很棒的 polyfill，而且效果很好。它在这里相关，我不得不说它有点旧，但技术上足够了：https://gist.github.com/paulirish/1579671

为了清楚起见，我将它发布在我的 index.html 上，作为加载（不幸）每个浏览器等的基本脚本。

(function() {

    var lastTime = 0;

    var vendors = ['ms', 'moz', 'webkit', 'o'];

    for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {

        window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];

        window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 

                                   || window[vendors[x]+'CancelRequestAnimationFrame'];

    }



    if (!window.requestAnimationFrame)

        window.requestAnimationFrame = function(callback, element) {

            var currTime = new Date().getTime();

            var timeToCall = Math.max(0, 16 - (currTime - lastTime));

            var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 

              timeToCall);

            lastTime = currTime + timeToCall;

            return id;

        };



    if (!window.cancelAnimationFrame)

        window.cancelAnimationFrame = function(id) {

            clearTimeout(id);

        };

}());