Браузер больше не видит сохраненные CSS

Question

Итак, я работал над страницей в течение прошлой недели, каждый раз, когда я заканчиваю свою работу, я сохраняю свои файлы и закрываю VSCode. Сегодня вернулся, все открыл и начал писать. Через некоторое время я заметил, что мои правила в CSS не отображаются на странице. Я думал, что сделал что-то не так, поэтому пробовал разные методы, но ничего не помогло. Затем я просто открыл CSS в браузере с помощью F12, чтобы проверить, не работает ли что-то, и увидел, что в нем сохранены последние недели CSS. Я закрыл все, попробовал еще раз, но ничего. Файл сохраняется локально, я могу видеть, когда он был изменен, но браузер все еще может видеть сохранение за последнюю неделю. Ссылка в HTML верная, никогда не менялась, файлы в правильных папках, все хорошо. Я работаю с WordPress и Twig atm, если это может как-то помочь.

<link rel="stylesheet" href="{{site.theme.link}}/style.css" type="text/css" media="screen" />

Это ссылка, которую я использовал до сих пор, она работала отлично, пути никогда не менялись.

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

Заранее благодарю вас за время, которое вы потратите, чтобы помочь!

Answer 1

Предлагаю переустановить Mozilla Firefox. Выполните следующие действия:

• Сделайте резервную копию ваших закладок (если они у вас есть).
• Сделайте снимок экрана со страницей надстроек. Это поможет вам найти и переустановить их.
• Удалить Firefox.

После удаления Firefox удалите эти папки :

C:\Users\[your-user-name]\AppData\Local\Mozilla

C:\Users\[your-user-name]\AppData\LocalLow\Mozilla и

C:\Users\[your-user-name]\AppData\Roaming\Mozilla.

Если вы установили надстройки перед удалением, попробуйте этот вариант:

Menu -> Help -> Restart with Add-ons Disabled

Answer 2

Может быть проблема с кешированием?

Попробуйте открыть инструменты разработчика и затем щелкните правой кнопкой мыши кнопку refre sh. Это даст вам возможность очистить кеш и выполнить аппаратное обновление sh. (Предполагая, что вы используете chrome)

Если это проблема, и вы не хотите решать ее снова, то вы можете рассмотреть возможность добавления кешбастера к своему css URL.

Самый простой способ сделать это - что-то вроде {{site.theme.link}} / styles. css? R = {{random (1, 1000)}}

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