Как отключить кэширование в Chrome для конкретного веб-сайта?

Я разрабатываю Javascript для веб-сайта под названием www.example.com и Chrome продолжает кэшировать более ранние версии моего кода. Я могу постоянно очищать кэш, но это становится временным потоком. Есть другие варианты?

7 ответов


Я обычно нажимаю: ctrl + shift + r, чтобы очистить кэш. Это мне кажется самым простым.

Это также работает:

<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">

Если вы не хотите изменять код для своей веб-страницы. Вы можете просто открыть инструменты разработчика в Google Chrome. Ярлык: Ctrl+Shift+i в windows.

вы найдете передачу в правом нижнем углу, которая приведет вас к настройкам. Флажок "Отключить кэш" и вы хорошо идти.


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


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


добавьте эти заголовки на свои веб-страницы во время разработки:

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">

или вы можете настроить свой веб-сервер для размещения информации без кэша в заголовках http (во время разработки).


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

<FilesMatch "script.js$">
Header unset Cache-Control
Header unset Expires
Header unset Last-Modified
FileETag None
Header unset Pragma
</FilesMatch>

или для всех .js & css

<FilesMatch "\.(js|css)$"> 

попробуйте установить заголовок HTTP:

Cache-Control: no-cache, no-store

или:

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE, NO-STORE">

но это должно использоваться только во время разработки.