Хобрук: Ваш путь к мастерству в программировании

В каком случае веб-страница загружается без внешней таблицы стилей в Chrome или Safari?

В каком случае веб-страница загружается без внешней таблицы стилей в Chrome или Safari?

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

Было бы здорово, если бы вы дали мне небольшую html-страницу с внешней таблицей стилей, которая всегда загружает веб-страницу без внешней таблицы стилей.

Я разработчик webkit и хочу, чтобы в этом случае была какая-то разработка в движке webkit.

google-chrome html css webkit
19.10.2010

  • Я не понимаю вопроса. Вы можете уточнить? 19.10.2010
  • Если вы поместите тег ссылки между <!--[if IE]> и <![endif]--> 19.10.2010
  • @matthew Flaschen, я обнаружил, что Google Chrome или Safari иногда отображают страницу без загрузки внешней таблицы стилей. Вы можете увидеть вспышку нестилизованного контента. Даже я не знаю, какая страница вызовет этот случай, но я видел код в движке webkit, который загружает веб-страницу без внешней таблицы стилей. 19.10.2010

Ответы:


1

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

Если вас интересует медленная загрузка файлов, вы можете смоделировать это и посмотреть, как ведет себя ваш браузер. Лучший способ: установить себе php и apache (скажем, XAMPP), указать Apache обрабатывать файлы .css как файлы php (т.е. выполнять код php в файлах css), создать новый файл css и добавить в него ‹? сон(20); ?›. Это приведет к задержке файла css на 20 секунд, эффективно имитируя медленную загрузку.

Помимо этого, вы также можете загрузить файл CSS после того, как страница уже загружена. Здесь вы можете найти пример: http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/

19.10.2010
  • Привет, я попробовал это, сделав cssstylesheet размером 1 ГБ, в этом случае веб-страница продолжает загружаться. Любая идея, почему? 19.10.2010
  • Это идея, но вы, скорее всего, вызовете ряд проблем, особенно с потреблением памяти и огромным DOM... 19.10.2010
  • Спасибо за вашу постоянную помощь, я не могу понять, почему с 1 ГБ файла css веб-страница продолжает загружаться и не отображает веб-страницу без внешней таблицы стилей. 19.10.2010
  • На самом деле, выполнение time-delay-через-PHP приводит к тому же самому поведению: страница просто зависает при загрузке, а затем сразу же отображается в правильном стиле при загрузке файла CSS. Это есть в Firefox 3.6, Safari 4 и IE 7. Чтобы получить поведение «рендерить просто, а затем применять stles», вам нужно динамически «внедрить» CSS через javascript, как было предложено. 19.10.2010
    • Новые материалы
    Я собираюсь научить вас Python шаг за шагом
    Привет, уважаемый энтузиаст Python! 👋 Готовы погрузиться в мир Python? Сегодня я приготовил для вас кое-что интересное, что сделает ваше путешествие более приятным, чем шарик мороженого в..
    Альтернатива шаблону исходящих сообщений для архитектуры микросервисов
    Познакомьтесь с двухэтапным сообщением В этой статье предлагается альтернативный шаблон для папки Исходящие : двухэтапное сообщение. Он основан не на очереди сообщений, а на..
    React on Rails
    Основное приложение Reverb - это всеми любимый монолит Rails. Он отлично обслуживает наш API и уровень просмотра трафика. По мере роста мы добавляли больше интерактивных элементов..
    Что такое гибкие методологии разработки программного обеспечения
    Что представляют собой гибкие методологии разработки программного обеспечения в 2023 году Agile-методологии разработки программного обеспечения заключаются в следующем: И. Введение A...
    Ториго  — революция в игре Го
    Наш следующий вызов против ИИ и для ИИ. Сможет ли он победить людей в обновленной игре Го? Обратите внимание, что в следующей статье AI означает искусственный интеллект, а Goban  —..
    Простое развертывание моделей с помощью Mlflow — Упаковка классификатора обзоров продуктов NLP от HuggingFace
    Как сохранить свои модели машинного обучения в формате с открытым исходным кодом с помощью MLFlow, чтобы позже получить возможность легкого развертывания. Сегодня модели упаковки имеют несколько..
    Математика и интуиция - Часть 1
    У каждой математической формулы есть доказательство. Часто эти доказательства слишком сложно понять, поскольку многие из них основаны на индукции, некоторые - на очень сложных наблюдениях, а..