Принудительное обновление браузера: аннулирование кэша для CSS и JavaScript

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

Общее решение

Наиболее эффективным решением является принудительное обновление браузера, выполняемое нажатием кнопки Ctrl Shift R или Cmd Shift R на Mac. При этом кэшированное содержимое обходит и получает свежие данные с сервера.

PHP

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

header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

Chrome

Google Chrome предоставляет в своих инструментах разработчика возможность отключить кеширование. Чтобы получить к нему доступ, нажмите F12, щелкните значок шестеренки и выберите «Отключить кеш» в диалоговом окне настроек.

Firefox

В Firefox , введите about:config в строку URL и найдите параметр под названием network.http.use-cache. Установите для этого значения значение false, чтобы отключить кеширование браузера.