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

Я вспоминаю некоторые очень редкие случаи просмотра основных веб-сайтов (Amazon, Facebook и т. Д.) Либо без загрузки файла CSS, либо без применения правил, выглядеть следующим образом:Внешние таблицы стилей, которые не загружаются или не применяются в очень редких случаях

style-less Facebook

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

К сожалению, я не могу воспроизвести эту проблему, кроме как просто сказать, что «стили не применяются», я придумываю подробное объяснение, и я хотел бы сам это понять.

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

источник

2013-02-21 BenR

убедитесь, что URL-адрес внешнего листа установлен правильно (например, в автономном режиме это может быть localhost/css/style.css и он-лайн может быть example.com/css/style.css), проверьте правописание вкладки, и убедитесь, что в html нет ошибки (http://validator.w3.org) – Markasoftware

@Markasoftware Спасибо за ответ. Веб-сайт - это профессиональный сайт с командой разработчиков. У нас есть тестовые группы, чтобы убедиться, что все пути правильные, поэтому неправильные пути, как известно, не являются проблемой. – BenR

Не могли бы вы предоставить нам URL-адрес веб-сайта и затронутые браузеры? – Knu

Есть более одного сценария, при которых это может произойти:

1) вопросы полосой пропускания: в italo.nascimento упоминалось, медленное соединение, где ваш HTML загружается, но ваш CSS приурочен выход так вы остаетесь с обнаженной страницей HTML (часто также, когда сайт находится под DoS или имеет много посетителей, и сервер не может идти в ногу с трафиком)

2) проблемы с кешированием: что-то изменилось в вашем HTML, но CSS поддерживается из локального кеша браузера, поэтому селекторы не соответствуют ...

3) FOUC: Это не похоже на то, о чем вы просите, если только не были напечатаны экраны во время загрузки страницы. Это называется Flash нестерпимого содержимого.

В целом 90% этих проблем возникают из-за проблем с подключением. Выброшенные пакеты, TimeOuts, CDN не работают должным образом. И поскольку они случайны, я не думаю, что вы можете «воспроизвести их» - это не то, что может быть исправлено.

источник

2013-02-24 00:08:16

Вместо того, чтобы публиковать отдельный ответ, я добавлю к этому прекрасному объяснению предложение о том, что таймауты, связанные с сетью при загрузке CSS, могут быть смягчены (хотя и не устранены) путем объединения и минимизации ваших файлов CSS. http://www.hanselman.com/blog/TheImportanceAndEaseOfMinifyingYourCSSAndJavaScriptAndOptimizingPNGsForYourBlogOrWebsite.aspx –

Спасибо. Действительно, чем меньше HTTP-запросов, тем меньше вероятность возникновения проблемы. –

Я бы сказал, что этот конкретный случай можно легко объяснить CDN (Сбой доставки контента). Крупные сайты обычно используют отдельные серверы для размещения своего статического контента для ускорения доставки - если в сети, обслуживающей эти файлы, есть проблемы, динамический HTML будет загружаться, но не какие-либо внешние активы. Хорошая вещь - это очень редко, плохо - вы ничего не можете с этим поделать. –

Случалось много раз на крупных сайтах.

В основном, это происходит, когда подключение к Интернету происходит очень медленно или oscilating, поэтому файлы не загружаются правильно с сервера (пакеты теряются), и сайт отображается в чистом HTML. Возможно, вы можете воспроизвести его, ограничив пропускную способность и перезагрузив страницу.

источник

2013-02-21 23:50:10

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

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

ответ

Смежные вопросы