В чем причина мусорных текстов в браузерах?

Question

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

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

Проблема возникла в Firefox и исчезла после полного обновления страницы.

Answer 1

Это может быть что угодно: от CSS на веб-сайте (например, с помощью position: absolute; или float: left; неподходящими способами), через браузер, интерпретирующий это иначе, чем в стандарте CSS, до того, что ваш видеодрайвер неправильно обновляет пиксели (происходит на моей Ubuntu с драйверами AMD Radeon с открытым исходным кодом при прокрутке иногда), где-то между ними.

От этого вопроса не так много вопросов, но вы можете, например, попробовать использовать мышь и клавиатуру для прокрутки вверх и вниз. Если вы видите разные результаты (я обычно делаю между попытками), это, вероятно, ваш графический драйвер. Если вы перезагружаете страницу несколько раз и она появляется только один раз каждые несколько раз, это может быть, например, прокси-сервер или сервер CDN со старым CSS. Если вы хотите отладить этот случай, вы можете сохранить всю страницу в обоих случаях и использовать diff или meld чтобы увидеть разницу.

Answer 2

Если обновление исправило это, то, возможно, файл CSS или даже JS по какой-то причине не был частично или полностью извлечен с сервера, что привело к ошибкам позиционирования элемента, подобным тому, что на скриншоте.