javascript - 您可以测试 Safari 和 Chrome (iOS) 上的滚动差异吗？

Question

过去(在 iOS 8 之前)，Safari 无法在滚动时生成原生动画，您必须停止滚动才能看到动画。 Safari 解决了该问题，但在 Chrome(在 iOS 中运行)上访问同一网站时，问题仍然存在。我读到 Chrome 尚未在 iOS 上更新此功能。我知道它在 Android 上运行得很好...所以...有没有办法用 Modernizr 或其他 js 测试这个“功能”？如果不支持滚动动画，我想禁用它们。我已经能够通过检查用户正在使用的浏览器来完成此任务，但如果我可以检查该功能是否可用，那就更容易了。

Answer 1

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

一种方法是检测您的页面是否已加载到 WKWebView 中。安answer另一个问题建议测试 indexedDB 支持。 indexedDB 是 WKWebView 和 UIWebView 之间唯一的 HTML5 功能差异。

来自the other answer的片段建议如何执行此操作:

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