Отключение кеша Chrome для разработки сайтов

Question

Я изменяю внешний вид сайта (изменения CSS), но не вижу результата в Chrome из-за раздражающего постоянного кэша. Я попытался Shift + обновить, но это не работает.

Как я могу временно отключить кеш или обновить страницу так, чтобы я мог видеть изменения?

Answer 1

Chrome DevTools может отключить кеш.

1. Щелкните правой кнопкой мыши и выберите Inspect Element, чтобы открыть DevTools. Или используйте следующие сочетания клавиш :
   • F12
   • Команда + Опция + i на Mac
   • Управление + Сдвиг + i в Windows или Linux
2. Нажмите Network на панели инструментов, чтобы открыть панель сети.
3. Установите флажок Disable cache вверху.

Имейте в виду, что, как указано твит из @ ChromiumDev , этот параметр активен только при открытых devtools .

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

Если вы не хотите использовать флажок Disable cache, длительное нажатие на кнопку обновления с открытым DevTools покажет меню с параметрами Hard Reload или Empty Cache and Hard Reload, которые должны иметь аналогичный эффект. Читайте о разнице между опциями . Доступны следующие ярлыки:

• Команда + Опция + R на Mac
• Управление + Сдвиг + R в Windows или Linux

Answer 2

Очистка кэша слишком раздражает, когда вам нужно очищать кэш 30 раз в час ... поэтому я установил расширение Chrome с именем Classic Cache Killer , которое очищает кэш при каждой загрузке страницы.

Ссылка в Chrome Store (бесплатно) (теперь без вредоносных программ!)

Теперь мой макет json, javascript, css, html и data обновляется каждый раз, когда при при загрузке каждой страницы .

Я никогда не должен волноваться, если мне нужно очистить кеш.

Я нашел около 20 очистителей кеша для Chrome, но этот казался легким и не требующим усилий. В обновлении Cache Killer теперь может оставаться «всегда включенным».

Примечание: я не знаю автора плагина. Я просто нашел это полезным.

Answer 3

1. Откройте консоль разработчика Chrome, нажав F12 , а затем (с открытой консолью):

2. Щелкните правой кнопкой мыши (или удерживайте нажатой левую кнопку мыши) на кнопке перезагрузки в верхней части браузера и выберите «Очистить кэш и полная перезагрузка».

Это будет выходить за пределы «Жесткой перезагрузки», чтобы полностью очистить кэш, гарантируя, что все, что загружено с помощью javascript и т. Д., Также будет избегать его использования.Вам не нужно возиться с настройками или чем-то еще, это быстрое решение с одним выстрелом.

Answer 4

Есть еще два варианта отключить кэширование страниц в Chrome для хорошего :

1.Отключить Chrome Cache в реестре

Открыть реестр (Пуск -> Команда -> Regedit)

Найти: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

Изменить деталь после ...chrom.exe "к этому значению: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

Пример: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

ВАЖНО:

• есть пробел и дефисafter ... chrome.exe "

• оставить путь к chrome.exe как есть

• Если вы копируете строку, убедитесь, чтопроверить, являются ли кавычки фактическими кавычками.

2.Отключите кэш Chrome, изменив свойства ярлыка

Щелкните правой кнопкой мыши значок Chrome и выберите «Свойства» в контекстном меню.Добавьте следующее значение к пути: –disk-cache-size=1

Пример: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

ВАЖНО:

• после пробела и дефиса...chrome.exe "

• оставить путь к chrome.exe как есть

Answer 5

Если вы не хотите редактировать настройки Chrome, вы можете использовать режим инкогнито для тех же результатов.

Answer 6

1. F12 для открытия Chrome DevTools
2. F1 для открытия настроек DevTools
3. Проверка Отключить кэш (в то время как DevToolsopen) , как показано ниже:

В настоящее время он находится на вкладке Предпочтения , которая используется по умолчанию.Возможно, вам придется прокрутить вниз.Этот флажок был перемещен по крайней мере пару раз, так как этот вопрос был задан.Последний раз я проверял, это было в средней колонке внизу.Если он открыт на более тонком экране и в разделе «Установки» есть 2 столбца, он может находиться справа вверху.Не стесняйтесь обновлять это сообщение, если оно изменится или прокомментируйте, и я обновлю сообщение.

Answer 7

В дополнение к параметру отключения кэша (доступ к которому можно получить с помощью кнопки в правом нижнем углу окна инструментов разработчика - Инструменты | Инструменты разработчика или Ctrl + Shift + I ), на панели сети инструментов разработчика теперь можно щелкнуть правой кнопкой мыши и выбрать «Очистить кэш» во всплывающем меню.

Answer 8

Вместо нажатия "F5" Просто нажмите:

"Ctrl + F5"

Answer 9

В Канарском канале (и, возможно, за ним последуют Dev и стабильный канал), это можно найти в качестве второго общего параметра слева в разделе «Общие».

В дополнение к этому всегда есть возможность переключиться в режим инкогнито с помощью Ctrl + Shift + N. Даже если это, к сожалению, также завершает ваш сеанс.

Answer 10

Для ясности, флажок отключения кэша в Chrome (v17 здесь, но, начиная с v15, я считаю) отсутствует в интерфейсе основных настроек. Это в пользовательском интерфейсе настроек инструментов разработчика.

1. В меню значков гаечного ключа окна браузера (меню prefs) выберите Инструменты → Инструменты разработчика

2. В появившемся пользовательском интерфейсе инструментов разработчика щелкните значок шестеренки справа внизу.

3. Установите флажок «Отключить кэш» в разделе «Сеть».