Ввод в поле ввода вялый/чрезвычайно медленный на ios + chrome
Я с ума сошел.
Если я открою этот url https://www.gomme-auto.it/pneumatici/205/55/16 на моем iphone с хром и попробую ввести в большое поле ввода сверху страница, , она очень медленная и вялая и едва пригодная для использования.
Если я открываю его в сафари, он отлично работает.
В любом симуляторе iphone я пробовал, он работает правильно. Но на физическом устройстве это не так. Пробовал с iphone5/iphone6 /ipad-air как с ios 8.4.1 (последний).
Я провел последние 12 часов, пытаясь понять, что случилось, и я не смог идентифицировать проблему.
Я проверил некоторые другие веб-сайты, и я не могу найти другие сайты с таким поведением, так что это мой html, но до сих пор я полностью не мог найти, что не так.
Так как в Safari все работает правильно, это что-то связано с Chrome.
Если кто-то может помочь, это было бы здорово.
Ответы
Ответ 1
Может быть полезно знать, что, хотя Chrome работает отлично на большинстве мобильных устройств, двоичный файл, установленный на вашем устройстве iOS, не использует один и тот же JavaScript API или механизм выполнения как "все elses" Chrome.
Смотрите, Apple любит следить за тем, чтобы все их программное обеспечение отлично работало в эко-сфере Apple, поэтому любой браузер, разработанный для iOS, действительно должен запускаться с использованием механизма рендеринга Safari.
Но есть уловка - хотя Chrome использует механизм рендеринга Safari, они не вслух используют JavaScript-движок Safari!
Хорошая аналогия представляет их как автомобили в гонке Формулы 1. Оба способны удерживать двигатели v10, но если они работают на трассе Яблок, то Chrome-автомобиль должен запустить v4.
Нелепый способ заставить их технологию казаться выше - но эй, это не моя компания.
Вполне возможно, что проблемы с задержкой, которые вы видите на своем сайте через браузер Chrome через iOS, являются симптомами проблем, которые я только что выложил.
Ответ 2
Вы можете использовать это правило:
-webkit-backface-visibility: hidden;
если этот случай попытается удалить это из вашего css, а затем снова проверить ваш сайт.
Поскольку это правило используется в ядре bootstrap, это может быть проблемой. попробуйте протестировать свой сайт без бутстрапа, чтобы убедиться, что он стал медленным или нет, и тогда вы сможете помочь начальным разработчикам, изменив исходный код на своем веб-сайте.