Страница быстро переформатируется в основном в Chrome

Question

Страница быстро переформатируется в основном в Chrome

0

После некоторых изменений на нашем сайте мы видим, что при загрузке определенных страниц страница быстро меняет ширину. Это происходит каждый раз в браузерах веб-браузера Chrome и Safair, но только в некоторых других браузерах.

Я вообще не смог произвести эффект на Firefox в Windows, Firefox на Mac, IE9 и IE11. Кажется, что это редко происходит на IE8 и IE10. Я еще не нашел шаблон, который заставляет его появляться на IE8 и IE10.

Чтобы понять, что может быть причиной этого, было бы хорошо знать, принимают ли некоторые атрибуты стиля первоначальное значение во время загрузки страницы, но при этом они предполагают какое-то другое значение к моменту полной загрузки страницы. Это может объяснить, что происходит.

Я должен добавить, что эта проблема возникла после некоторых изменений, которые "не должны" приводить к этой проблеме. В основном это связано с добавлением перезаписи URL-адресов для устранения дубликатов страниц. Очевидно, что действует какой-то побочный эффект.

На данный момент у нас есть только код на серверах разработки, поэтому было бы не так просто увидеть его прямо сейчас, хотя это первый вопрос от ответчика. Итак, в этот момент возникает вопрос: "что в основном приводит к переформатированию страниц под Webkit".

ОБНОВЛЕНИЕ: проблема, похоже, прослеживается в Google Translate. Когда я удаляю это со страницы, проблема исчезает. Положил его обратно; проблема возвращается.

Как ни странно, это в основном влияет на Chrome! IE10 и 11 освобождены, а с еще более ранними версиями IE проблема намного меньше.

Я могу с готовностью продемонстрировать временное расширение страницы, просто перезагрузив страницу.

Я экспериментировал с попыткой поместить div, содержащий перевод div, вместо контейнера div и установив на него некоторые атрибуты. До сих пор я не нашел того, что смягчает проблему.

Недавно мы отключили Google Translate, потому что он начал добавлять другие нежелательные файлы в нижней части страницы. Этот другой мусор ушел, но мы будем продолжать его подавлять из-за этой новой унылости.

Я считаю, что есть какой-то умный способ сдержать проблему, но у нее больше нет времени.

Jeffrey Simon 17 дек. 2013, в 04:03

Источник

1

<img /> , для которых не заданы атрибуты width и height после загрузки будут внезапно перемещаться по странице, но это должно происходить во всех браузерах, в зависимости от скорости загрузки. Есть ли назначение, присваиваемое определенным элементам с использованием JS, или наполнение контента с помощью JS? Это тоже может повлиять на это.
Ming 17 дек. 2013, в 02:21
0

Наши стандарты кодирования требуют ширину и высоту для всех тегов img. Возможно, что-то ускользнуло от нас и стоит того, чтобы его искать. Хотя проверка показывает, что это не проблема.
Jeffrey Simon 17 дек. 2013, в 04:02
0

Я мог бы найти виновника. Похоже, это побочный эффект от включения Google Translate для некоторых наших сайтов. Когда виджет загружается, он вызывает изменение ширины страницы. Поскольку мы не используем это на нашей производственной площадке, это должно быть проблемой. После дальнейшего подтверждения я «отвечу на свой вопрос» с таким результатом.
Jeffrey Simon 17 дек. 2013, в 22:58
0

Обновление вопроса с дополнительной информацией о Google Translate как виновнике.
Jeffrey Simon 18 дек. 2013, в 01:28

Показать ещё 2 комментария

Теги:

html

css

webkit

1 ответ

Ещё вопросы

<img /> , для которых не заданы атрибуты width и height после загрузки будут внезапно перемещаться по странице, но это должно происходить во всех браузерах, в зависимости от скорости загрузки. Есть ли назначение, присваиваемое определенным элементам с использованием JS, или наполнение контента с помощью JS? Это тоже может повлиять на это.
Наши стандарты кодирования требуют ширину и высоту для всех тегов img. Возможно, что-то ускользнуло от нас и стоит того, чтобы его искать. Хотя проверка показывает, что это не проблема.
Я мог бы найти виновника. Похоже, это побочный эффект от включения Google Translate для некоторых наших сайтов. Когда виджет загружается, он вызывает изменение ширины страницы. Поскольку мы не используем это на нашей производственной площадке, это должно быть проблемой. После дальнейшего подтверждения я «отвечу на свой вопрос» с таким результатом.
Обновление вопроса с дополнительной информацией о Google Translate как виновнике.

Jeffrey Simon · Accepted Answer · 2013-12-23T20-42-00.000Z

Я подтвердил, что проблема определенно вызвана тем, что Google Translate находится на странице.