Файл CSS не обновляется

Обновлено: 21.11.2024

первое сообщение здесь — надеюсь, я пишу в правильной категории. Я решил разделить файлы css на отдельные компоненты, чтобы сделать все немного более модульным и удобным в сопровождении. Поэтому я включаю меньшие части css в один файл main.css следующим образом:

Однако, когда я делаю изменения во включенном файле (например, mobile-cta.css), основной файл css не будет обновлять свой css, если я не изменю что-то непосредственно в файле main.css. Кто-нибудь сталкивался с подобными проблемами? Прямо сейчас для меня единственный способ - внести изменения во включенный файл, затем открыть main.css и удалить там точку с запятой / добавить его обратно и сохранить. Таким образом, включенный файл будет перезагружен, и изменения правильно отобразятся на активных страницах.

Отметить как новое
Добавить в закладки
Подписаться
Отключить звук
Отправить сообщение другу

‎8 декабря 2020 г., 13:11 – изменено ‎8 декабря 2020 г., 13:14

Это было неприятно. Я пытаюсь очистить кеш и обновить браузер, но последнее изменение документа CSS так и не было выполнено. Мне нужно вручную зайти на целевую страницу или страницу веб-сайта, нажать «сохранить» и нажать «обновить», чтобы минимизированный CSS получил последние изменения. Как только это было сделано, обновление страницы, наконец, сработало. Я не пробовал переименовывать имя документа CSS, но в будущем это может оказаться лучшим решением.

Отметить как новое
Добавить в закладки
Подписаться
Отключить звук
Отправить сообщение другу

‎26 июня 2018 г., 16:04 – изменено ‎26 июня 2018 г., 16:05

После небольшого расследования это может быть связано с тем, что у HubSpot нет соглашения об уровне обслуживания с их провайдерами CDN.

Когда мы создаем размещенный файл CSS или JS в Менеджере дизайна, он минимизируется, кэшируется и т. д. После внесения изменений в указанный файл кэш не обязательно сразу очищается при сохранении в Менеджере дизайна.

В крайнем случае и в зависимости от ваших настроек, если вы используете функцию «Прикрепленные таблицы стилей» в настройках контента, вы можете создать две версии одного и того же файла и переключаться между ними. Например, у вас могут быть файлы style.css и style-1.css. Сохраняйте изменения одинаковыми в обоих случаях, а затем удаляйте и добавляйте их по мере необходимости с помощью диалогового окна «Прикрепленные таблицы стилей».

На самом деле я не рекомендую это по очевидным причинам. Хотя иногда вы находитесь в безвыходном положении, и вам нужно быстро получить обновление. Возможно, в будущем HubSpot позволит сбрасывать данные вручную.

Я создаю веб-сайт, но когда я внес изменения в таблицу стилей на своем сайте и обновил сайт, никаких изменений не было.

Я попытался использовать инструмент просмотра исходного кода, чтобы проверить файл stylesheet.css, но он также не обновляется. Но когда я иду в корень своей системы, это так.

Мне нужно подождать не менее 20 минут, прежде чем я увижу обновление на своем сайте. Может ли кто-нибудь сказать мне, почему я не вижу изменений сразу? Что-то не так с моим браузером, компьютером или сервером?

15 ответов 15

Если ваш сайт еще не запущен, и вы просто хотите обновлять таблицу стилей через нужные промежутки времени, используйте это: Ctrl + F5 .

В Mac OS (в Chrome) используйте: Cmd + Shift + R .

Это заставит ваш браузер перезагрузить и обновить все ресурсы, связанные со страницей веб-сайта.

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

Удерживая нажатой клавишу Shift и нажимая кнопку «Обновить», браузер загружает все файлы сервера; очистка кеша и обновление с более новыми версиями. SHIFT/REFRESH работает как на Mac, так и на ПК. Любая операционная система, любой браузер.

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

Если ваша страница создается динамически с помощью какого-либо языка, например php, вы можете добавить некоторую переменную в конце значения href, например:

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

Если ваша страница статична, вы должны сами управлять этими переменными, поэтому используйте что-то вроде:

после внесения некоторых изменений в содержимое файла измените версию=1 на версию=2 и т. д.

Предполагая, что IIS — добавление ключа с правильными настройками в корень или соответствующую папку делает свое дело.

Для браузера: для заинтересованных есть несколько замечаний по тонкому управлению локальным кешем в FF по сравнению с SuperUser.

Если вы не видите изменений, примененных к вашему веб-сайту, вам может потребоваться очистить кеш браузера и/или кеш CDN.

Кэш браузера

Браузеры часто могут кэшировать файлы независимо от указаний сервера.

Если вы добавляете/изменяете встроенный CSS или JavaScript и не видите изменений, отраженных в исходном коде HTML, страница, скорее всего, кэшируется.Решением может быть очистка кеша объектов WordPress, в котором хранятся рендеры нашего кэширования страниц (Batcache).

Если вы добавляете/изменяете CSS или JavaScript в файлах, сам файл может быть кэширован. Решение может состоять в следующем: 1) убедитесь, что вы правильно ставите CSS и JavaScript в очередь, и 2) обновите параметр $ver в функциях wp_enqueue_style() и wp_enqueue_script().

Обновление $ver заставит браузер загрузить файл заново, что является хорошим механизмом для сбоя не только кеша браузера, но и кеша CDN.

Кэш CDN

Если сеть CDN включена, статические ресурсы будут кэшироваться. Если вы не хотите очищать кеш параметрами, вы сможете очистить кеш CDN и добиться того же эффекта. (Тем не менее, в этом случае браузер должен сделать запрос.)

Как исправить сообщение о незащищенном соединении

Подключение к сайту небезопасно? Некоторые пользователи недавно заметили, что их веб-сайт отображается как небезопасный при просмотре с определенных браузеров или устройств, но не с других. Сообщение «соединение не защищено»…

Как вы тестируете конфликты тем и плагинов?

Что такое конфликты тем и плагинов? Конфликт — это ошибка или неисправность, вызванная тем, что две (или более) части кода подают противоречивые сигналы. Например, плагин А дает сигнал…

Доступ к журналам ошибок WordPress на вашем сайте

В этой статье мы рассмотрим, как получить доступ к журналам ошибок WordPress для вашего веб-сайта, чтобы помочь в отладке проблемы. Есть несколько мест, где можно найти журналы –…

Если вы добавляете/изменяете встроенный CSS или JavaScript и не видите изменений, отраженных в исходном коде HTML, страница, скорее всего, кэшируется. . Обновление $ver заставит браузер загрузить файл заново, что является хорошим механизмом для сбоя не только кеша браузера, но и кеша CDN.

Почему CSS иногда не работает?

Как принудительно обновить CSS?

Проблема, в большинстве случаев, легко решается — сделайте принудительную перезагрузку (жесткая перезагрузка, принудительная перезагрузка — это одно и то же) и при необходимости очистите локальный кеш. В Chrome вы можете выполнить жесткую перезагрузку, открыв консоль (клавиша F12), а затем щелкнув правой кнопкой мыши кнопку перезагрузки, чтобы открыть меню с дополнительными параметрами перезагрузки.

Как обновить CSS в Chrome?

Для Windows в Chrome или Edge обновляется сочетание клавиш Ctrl + F5 (или Ctrl + Reload). Для Mac удерживайте Cmd-Shift-R или Shift-Reload. В большинстве браузеров также есть кнопка обновления рядом с URL-адресом.

Почему Django не обновляет CSS?

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

[Решено] Изменения CSS не отображаются | Как редактировать текст проекта PHP | Изменения CSS не отражаются 🔥🔥

Найдено 40 связанных вопросов

Почему мой CSS не обновляется?

Почему файл CSS не работает в Django?

Сначала очистите кеш и принудительно обновите браузер. Если это не сработает, выполните следующие шаги. Проверьте файл settings.py на наличие правильных конфигураций для доступа к статическим файлам. Код должен выглядеть так в файле settings.py.

Как заставить браузер обновлять кеш файлов JS и CSS после развертывания?

Это работает всегда и для всех. Но, если вы его не используете, и вам просто нужно время от времени перезагружать этот файл CSS или JS в вашем собственном браузере. просто откройте его на отдельной вкладке и нажмите SHIFT-обновить (или CTRL-F5)!

Как очистить кешированный CSS?

Ручная очистка кеша

Стандартный способ очистки всего кеша: «Настройки Chrome» > «Дополнительно» > «Очистить данные браузера». У вас будут варианты того, что вы хотите очистить («кешированные изображения и файлы» являются важной частью для наших целей) и когда вы хотите очистить.

Что делает Ctrl Shift R?

Ctrl+Shift+R — это сочетание клавиш, используемое для принудительной перезагрузки веб-страницы в Google Chrome.

Кэшируется ли CSS?

Значительный прирост производительности достигается за счет кэширования браузером CSS. Вы гарантируете, что ваш сервер настроен на отправку заголовков, которые сообщают браузеру, что нужно зависнуть на файле CSS в течение заданного периода времени. . Рука об руку с кешированием браузера идет очистка кеша. Скажем, браузер хранит в кэше файл CSS в течение одного года (не редкость).

Как принудительно обновить JavaScript?

js и . css-файлы.Вот почему эти новые изменения не будут видны пользователю. Пользователь должен либо очистить файл cookie браузера и перезагрузить страницу, либо выполнить жесткое обновление страницы, нажав Ctrl+F5.

Как заставить браузер обновить кеш?

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

Как узнать, применяется ли CSS?

<р>1. Вкладка «Аудит»: > Щелкните правой кнопкой мыши + «Проверить элемент» на странице, найдите вкладку «Аудит» и запустите аудит, убедившись, что установлен флажок «Производительность веб-страницы». Список всех неиспользуемых тегов CSS — см. изображение ниже. 2.

Почему мой CSS не связан с HTML?

Если ваши файлы HTML и CSS находятся в разных папках, у вас могут возникнуть проблемы с их связыванием. Вы можете решить эту проблему следующим образом: Используя правильный путь к файлу CSS. Поэтому, если файл CSS находится в папке, отличной от пути HTML, вам необходимо определить имя пути и добавить его к значению href ссылки.

Читайте также: