在 ios+chrome 上输入输入字段很慢/非常慢 [关闭]答案

【问题标题】：typing into an input field is sluggish/extremely slow on ios+chrome [closed]在 ios+chrome 上输入输入字段很慢/非常慢 [关闭]
【发布时间】：2015-12-02 03:16:26
【问题描述】：

我快疯了。

如果我在我的 带有 chrome 的 iPhone 上打开这个 url https://www.gomme-auto.it/pneumatici/205/55/16，并尝试在页面顶部的大输入字段中输入，它非常缓慢且缓慢且几乎无法使用。

如果我在 Safari 中打开它，它可以正常工作。

在我尝试过的任何 iphone 模拟器中，它都能正常工作。但在物理设备上却没有。尝试使用 iphone5/iphone6/ipad-air 和 ios 8.4.1（最新）。

在过去的 12 个小时里，我一直在试图找出问题所在，但我无法确定问题所在。

我查了一些其他网站，找不到其他网站有这种行为，所以是我的html，但到目前为止我完全找不到问题所在。

由于在 Safari 中一切正常，它与 Chrome 相关联。

如果有人可以提供帮助，那就太好了。

【问题讨论】：

你可以试试其他浏览器比如 Dolphin 吗？ iOS 有为 Safari (Nitro) 保留最佳引擎并迫使其他浏览器使用相对过时的引擎 (WebKit) 的历史，以制造 Safari 更好的错觉。如果其他浏览器也出现同样的问题，这可能是原因。
您确定没有对输入进行某种验证吗？键入时检查类型的验证。
我不是，但是如果您签入桌面 chrome，打开开发人员工具，在元素>事件侦听器中，您会看到 angularjs 确实将一些事件附加到该字段，我认为这是标准ng 模型绑定。但我没有附加任何事件。
我刚在 Dolphin 中试过，在 Dolphin 中效果很好。
如果我在 chrome 设置中禁用自动填充（右上角的三个点），该字段的效果会更好，请尝试将 autocomplete="off" 添加到字段属性中，看看是否有帮助。

标签： javascript html ios css google-chrome

【解决方案1】：

您可能正在使用此规则：

-webkit-backface-visibility: hidden;

如果是这种情况，请尝试从您的 CSS 中删除它，然后再次测试您的网站。

由于此规则用于引导核心，因此可能是问题所在。尝试在没有引导程序的情况下测试您的网站，以确保它是否运行缓慢，然后您可以通过更改网站中的源代码来帮助引导程序开发人员。！

【讨论】：

查看源码，然后查看bootstrapCSS，看起来这个页面确实有这个规则。 maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css
@QuestionMarks 正如我所说，引导核心确实有这个规则，它可能是问题所在。
删除它，没有任何改变，顺便说一句，引导 css 中的背面可见性仅适用于轮播，该页面中没有轮播
@MaxFavilli FireFox 不支持 IOS，所以让我们使用该浏览器测试您的网站，看看会发生什么。分享结果。并尝试禁用Javascript，然后再次测试，看看你的Js代码是否有问题。
下载 Firefox for ios 并进行测试。 Firefox 没有问题，它工作正常。

【解决方案2】：

虽然 Chrome 在大多数移动设备上运行良好，但您的 iOS 设备上安装的二进制文件与“其他所有人”的 Chrome 不共享相同的 JavaScript API 或运行时引擎，这可能很有用。

看，Apple 喜欢确保他们的所有软件在 Apple 生态圈中运行良好 - 因此任何为 iOS 开发的浏览器实际上都需要使用 Safari 渲染引擎运行。

但有一个问题 - 尽管 Chrome 使用的是 Safari 渲染引擎，但它们并没有大声 使用 Safari 的 JavaScript 引擎！

一个很好的类比是将它们都想象成一级方程式比赛中的汽车。两者都能够支持 v10 引擎，但如果它们在 Apple 轨道上运行，Chrome 车必须运行 v4。

一种让他们的技术看起来更优越的荒谬方式——但是，嘿，这不是我的公司。

您通过 iOS 的 Chrome 浏览器在您的网站上看到的延迟问题完全有可能是我刚刚提出的问题的症状。

【讨论】：