При кодировании моего сайта я сохраняю документы HTML и CSS, а затем обновляю свой браузер, чтобы увидеть изменения. Однако, когда я обновляю HTML-изменения, они видны, но изменения CSS не являются. Вместо этого мне нужно закрыть окно и снова открыть его, чтобы увидеть мои изменения в CSS.
Любые идеи, почему я не могу просто обновить и увидеть изменения CSS вместо закрытия окна и повторного открытия?
Попробуйте "жесткое" обновление вашего браузера...
http://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache
Идея состоит в том, чтобы обойти кеш браузера. Различные браузеры обрабатывают это по-другому, и эта статья wiki имеет хороший проход для каждого главного браузера о том, как это сделать.
Кроме того, вы можете очистить кеш браузера, который также распространяется на статью wiki.
Я думаю, что это проблема с кешем.
Как найти проблему
Если вы используете Chrom или Firefox или Safari, просто щелкните правой кнопкой мыши на странице и выберите inspect element и выберите вкладку network.
Теперь обновите страницу, как обычно, и вы увидите все http-запросы следующим образом:
Если статус файла css равен 304, значит браузер запрашивает у сервера файл css, а сервер говорит: "нет, вам не нужно спрашивать меня, я дал вам файл css раньше, он не изменился".
Если статус файла css равен 200, но размер from cache, это означает, что браузер даже не запрашивает сервер для файла, браузер считает, что у него самый новый файл.
Я думаю, что вы находитесь во втором условии (200 из кеша).
Как это решить:
вы всегда можете очистить кэш-память, чтобы увидеть изменения. Или вы можете отключить кеш браузера для цели отладки.
Но вы не всегда можете сказать своим посетителям очистить кеш, поэтому второй метод:
Если вы используете PHP или как серверный язык, добавьте строку запроса в имя файла css:
< link rel= "stylesheet "тип =" текст /CSS " href=" http://www.example.com/style.css?ts=<?=time()? > "/ >
В 99% случаев это будет работать.
Если это статическая страница html, вы можете изменить строку запроса css вручную (или даже имя файла css, если хотите).
В зависимости от браузера это может быть проблема кэширования.
В вашем браузере может быть настройка, которая предотвращает обновление кэша.
Вы пытались использовать reset свой браузер по умолчанию?
Причина, по которой я спрашиваю, - это Firefox и Chrome обрабатывать этот способ по-другому.
Если вы очистите кеш + файлы cookie в Firefox, это может не сработать, пока вы не закроете все окна браузера.
Chrome обновит кеш каждой отдельной вкладкой.
Я бы предположил, возможно, переустановить ваш браузер, потому что это определенно кажется локальной проблемой, но не связано с самим css.