Firefox не сразу отражает новые изменения на сайте, а Chrome?

Question

Firefox не сразу отражает новые изменения на сайте, а Chrome?

0

Я заметил, что Firefox не сразу отражает любые изменения дизайна (HTML/CSS/изображения) на веб-сайте. Он должен быть обновлен, по крайней мере, один раз, чтобы увидеть изменения. Таким образом, в основном, когда пользователь приходит на сайт, он/она увидит перепутанную страницу и должен обновить ее один раз, чтобы увидеть новый дизайн. У Chrome нет этой проблемы. Как я могу исправить это, используя HTML/JavaScript или библиотеку JavaScript?

Мой текущий метакод в HTML

<HEAD>
<META http-equiv="Cache-Control" content="no-cache">
<META http-equiv="Pragma" content="no-cache">
<META http-equiv="Expires" content="0">
.....

Gandalf 16 дек. 2013, в 18:25

Источник

0

Какую версию Firefox и какую платформу вы используете?
drew_w 16 дек. 2013, в 16:45
3

Простым способом было бы изменить ваш HTML и добавить случайные параметры в URL CSS и изображения, чтобы обмануть Firefox, думая, что это разные ресурсы, которые должны быть загружены снова. Существует много методов очистки кэша, но помните, что вы не можете дать команду браузеру удалить его кеш.
totallyNotLizards 16 дек. 2013, в 16:46
0

@drew_w Это Firefox 26.0
Gandalf 16 дек. 2013, в 17:01
0

@jammypeach Большинство крупных веб-сайтов имеют эту проблему. Должен быть способ это исправить. Я не уверен, как, хотя.
Gandalf 16 дек. 2013, в 17:03
1

@Gandalf описанная мною техника будет работать. это довольно просто реализовать - если вы измените имя ресурсов, то Firefox или любой другой браузер сочтут их «новыми» и загрузят их правильно. поэтому тег img, атрибут src которого был «mygif.gif», стал бы «mygif.gif? version = 1». Для браузера это выглядит как другой ресурс, но для вашего сервера это тот же файл. см .: stackoverflow.com/questions/728616/…
totallyNotLizards 16 дек. 2013, в 17:09
0

чтобы добавить к тому, что говорит @jammypeach, просто добавьте любой символ после url в omnibar и нажмите ввод. получите 404, удалите добавленный символ из URL-адреса омнибара, нажмите ввод. свежий груз.
albert 16 дек. 2013, в 22:32
0

@jammypeach Если ты напишешь это как ответ, я приму это. Спасибо!
Gandalf 17 дек. 2013, в 16:53

Показать ещё 5 комментариев

Теги:

html

firefox

cross-browser

browser-cache

2 ответа

Ещё вопросы

Какую версию Firefox и какую платформу вы используете?
Простым способом было бы изменить ваш HTML и добавить случайные параметры в URL CSS и изображения, чтобы обмануть Firefox, думая, что это разные ресурсы, которые должны быть загружены снова. Существует много методов очистки кэша, но помните, что вы не можете дать команду браузеру удалить его кеш.
@jammypeach Большинство крупных веб-сайтов имеют эту проблему. Должен быть способ это исправить. Я не уверен, как, хотя.
@Gandalf описанная мною техника будет работать. это довольно просто реализовать - если вы измените имя ресурсов, то Firefox или любой другой браузер сочтут их «новыми» и загрузят их правильно. поэтому тег img, атрибут src которого был «mygif.gif», стал бы «mygif.gif? version = 1». Для браузера это выглядит как другой ресурс, но для вашего сервера это тот же файл. см .: stackoverflow.com/questions/728616/…
чтобы добавить к тому, что говорит @jammypeach, просто добавьте любой символ после url в omnibar и нажмите ввод. получите 404, удалите добавленный символ из URL-адреса омнибара, нажмите ввод. свежий груз.
@jammypeach Если ты напишешь это как ответ, я приму это. Спасибо!

L S Green · Answer 1 · 2014-08-31T21-56-00.000Z

Я обнаружил, что следующая статья будет очень полезна для предотвращения кэширования страниц для всех типов браузеров:

Убедитесь, что веб-страница не кэширована, во всех браузерах

В дополнение к метатегам я использую штамп даты или уникальный код, например:

<link rel="stylesheet" href="css/styles.css?version=140830" media="screen"/>

(Кстати, у меня была противоположная проблема - работала в Firefox, но не в Chrome).

totallyNotLizards · Answer 2 · 2013-12-19T10-58-00.000Z

Простым методом для работы с кэшированными ресурсами является добавление случайного параметра в конец URL-адреса для этого ресурса в вашем HTML.

Примером может служить:

<img src='mygif.gif'/> <!-- this is cached -->

Если mygif.gif уже кэшируется, браузер не захочет загружать его снова - поэтому, чтобы заставить его сделать это после изменения mygif.gif, измените URL-адрес следующим образом:

<img src='mygif.gif?version=1.1'/> 
<!-- this is not cached as it appears to be a different file -->

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

Было бы неплохо иметь некоторое соответствие вашим случайным параметрам для удобства обслуживания, поэтому я обычно использую что-то вроде ?version=1, поэтому, если вам нужно сделать это снова, вы можете просто заменить строку на свой проект и увеличить номер версии.

Еще одно хорошее объяснение этой методики можно найти здесь: Отключить кеш для некоторых изображений

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