Safari 和 Chrome (iOS) 上的滚动差异你能测试一下吗？

Question

过去（在 iOS 8 之前）Safari 无法在滚动时自动设置动画，您必须停止滚动才能看到动画。 Safari 解决了该问题，但在 Chrome（iOS 中的运行）上访问同一网站时，问题仍然存在。我读到 chrome 尚未在 iOS 上更新此内容。我知道它在 Android 上效果很好...所以...有没有办法用 modernizr 或其他 js 测试这个 "feature"？如果不支持滚动动画，我想禁用它们。我已经能够通过检查用户使用的是哪个浏览器来完成此操作，但如果我可以只检查该功能是否可用会更容易。

Answer 1

在 iOS 8 之前，iOS 会在用户滚动时暂停绘画。对于使用 WKWebView 的应用程序，此行为已停止，但对于使用 UIWebView 的浏览器仍然存在 - 这就是为什么您只看到某些第三方应用程序的旧行为。

一种方法是检测您的页面是否在 WKWebView 内加载。另一个问题的建议测试 indexedDB 支持。 indexedDB 是 WKWebView 和 UIWebView 之间唯一的 HTML5 特征差异。

中的代码片段建议如何执行此操作：

if (navigator.platform.substr(0,2) === 'iP'){
   //iOS (iPhone, iPod or iPad)
   if (window.indexedDB) {
      //WKWebView
   }
}

Safari 和 Chrome (iOS) 上的滚动差异你能测试一下吗？

Scrolling differences on Safari and Chrome (iOS) can you test for them?

javascript

ios

mobile-safari

modernizr

mobile-chrome