angular - 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);

        };

}());