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

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

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

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

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

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

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

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

• Command+ Option+ Rна Mac
• Control+ Shift+ Rв Windows или Linux

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

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

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

Мне никогда не придется беспокоиться, если мне нужно очистить кэш.

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

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

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

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

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

Есть еще два варианта отключить кэширование страниц в 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"

ВАЖНЫЙ:

• есть пробел и дефис после ... 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 как есть

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

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

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

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

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

"Ctrl + F5"

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

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

Использование Ctrl+ Shift+ Rдля обновления было хорошим , но не получило все , что нужно. некоторые вещи не обновляются, такие как данные, хранящиеся в js и css. нашел решение: панель инструментов Google для веб-разработчиков Chrome . После установки панели инструментов выберите параметры и «сброс страницы».

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

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

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

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

Отключить кеш в Chrome работает только при открытых инструментах разработчика

Пока ошибка не устранена, вы можете использовать плагин Clear Cache Chrome, а также установить для него комбинацию клавиш.

После установки щелкните правой кнопкой мыши и перейдите к параметрам:

Проверьте Automatically reload active tab after clearing data:

Выберите Everythingдля периода времени:

И тогда вы можете перейти в Меню => Инструменты => Расширения:

Нажмите на сочетание клавиш внизу:

И установите сочетание клавиш, например Ctrl+ Shift+ R:

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

Хром не должен быть достаточно высокомерным, чтобы принимать решения и устанавливать настройки для пользователей.

Вы можете отключить кэш в UNIX с помощью --disk-cache-dir = / dev / null.

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

Это может помочь кому-то.

Я установил свой Nginx для сумасшедшего кеширования. Таким образом, отключение кеша в сетевых инструментах и ​​явная очистка кеша не работают.

Очень простой, но скучный обходной путь, я просто открываю новую вкладку Incognito. Удивительно, но все время работает!

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

Как насчет букмарклета, который изменяет имя страницы, чтобы предотвратить кеширование страницы. В Chrome вы создадите новую закладку, а затем вставите код в URL. Нажмите на закладку, и страница перезагрузится с отметкой времени, чтобы разрушить кэш.

javascript:(function(){var idx = location.href.indexOf('?');var d = new Date();var str = location.href.substr(0,idx) + '?version=' + d.getTime();location.href=str; void 0;})();

Меня просто поймали, но не обязательно из-за Chrome.

Я использую JQuery для выполнения запросов AJAX. У меня был атрибут кеша установлен в true в запросе:

   $.ajax({
        type: 'GET',
        cache: true,
        ....

Установка значения false исправила мою проблему, но это не идеально.

Я понятия не имею, где хранятся эти данные, но я знаю, что Chrome никогда не попадает на сервер для запроса.

Теперь есть лучший и быстрый способ (версия Chrome 59.xx):

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

Эта опция доступна только тогда, когда инструменты разработчика открыты. (Обратите внимание на разницу с вариантом 2: «Жесткая перезагрузка» -cmd-shift-R). Здесь нет кеша!

В интернет-магазине Chrome доступно расширение Chrome под названием Clear Cache .

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

Очень очень хорошо!

Вы также можете определить сочетание клавиш для этого в настройках!

Еще один способ - запустить окно Chrome в режиме инкогнито. Здесь кеш также должен быть полностью отключен.

Еще один вариант отключения кэша предоставлен моим третьим инспектором размера страницы Chrome, который отключает кэш точно так же, как это делает Devtools.

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

Не уверен, что вы используете, но если вы используете ASP.Net, вы можете сделать следующее, что работает как шарм:

<link href="@Url.Content("~/Content/Site.css")?time=@DateTime.Now" rel="stylesheet" />

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

У меня была такая же проблема, я пытался:

• Control Shift R,
• Отключить кеш в F12
• Управление F5.

Затем я обнаружил, что использование манифеста .appcache для сайтов без https не рекомендуется . Я удалил свой файл site.appcache и его ссылку в теге html, и теперь я вижу последнюю версию каждой страницы!

Если вы используете ServiceWorkers (например, для прогрессивных веб-приложений), вам, вероятно, потребуется проверить «Обновление при перезагрузке» в разделе «Приложения»> «Работники сервиса» в инструментах разработчика.

Начиная с версии 50 (если я правильно помню), опция «Отключить кеш» была удалена из настроек Devtool. Перейдите на вкладку «Сеть» и там есть опция «Отключить кеш».

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

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

Теперь везде, где вы загружаете ресурсы, такие как CSS- или JS-файлы, в сценарий или элемент ссылки, вы добавляете сгенерированное случайное значение к URL-адресу запроса после добавления '?' на URI через PHP:

    echo $rand;

Это оно! Там не будет браузер, который кэширует ваш сайт больше - независимо от того, какой тип.

Конечно, удалите ваш код перед публикацией или просто установите $ rand в пустую строку, чтобы снова разрешить кэширование.

Я использовал другие опции, описанные выше, но я считаю, что лучше всего добавить следующий параметр при запуске chrome.exe.

"C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome.exe" --disk-cache-size = 1 -media-cache = 1

Я считаю, что отключение медиа-кеша - хорошая идея, но для полноты картины.

На самом деле я хочу, чтобы опция полностью отключала кеш, чтобы использовать память для ввода-вывода вместо моего диска (что также увеличило бы время загрузки в 10 раз!), Но я не думаю, что chrome или какой-либо браузер в этом отношении имеет такую ​​возможность ,

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

Непонятно, на какой «кеш» вы ссылаетесь. Есть несколько различных методов, которые браузер может постоянно кэшировать. Веб-хранилище - одно из них, Cache-Controlдругое.

Некоторые браузеры также Cacheиспользуют, совместно с сервисными рабочими , для создания Progressive Web Apps (PWA), обеспечивающих автономную поддержку.

Очистить кеш для PWA

self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })

чтобы вывести список ключей кеша, запустите:

self.caches.delete('my-site-cache')

удалить ключ кеша по имени (т.е. my-site-cache). Затем обновите страницу.

Если после обновления вы видите какие-либо связанные с работником ошибки в консоли, вам также может понадобиться отменить регистрацию зарегистрированных работников:

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister()
    }) 
  })

Убийца кэша Chrome - безусловно лучший вариант. Поскольку URL-адрес магазина для установки кэша-убийцы недоступен, вы можете скачать файл CRX здесь:

https://www.crx4chrome.com/extensions/jpfbieopdmepaolggioebjmedmclkbap/

Как только файл расширения будет загружен, откройте Chrome -> Другие инструменты -> Расширения, затем перетащите файл CRX из проводника или с рабочего стола (в зависимости от места, где вы загрузили файл) в окно Chrome, чтобы установить расширение.

Я использую (в Windows) Ctrl + Shift + Delete, и когда появляется диалоговое окно Chrome, нажмите клавишу ввода. Это можно настроить с тем, что необходимо очищать каждый раз, когда вы выполняете эту последовательность. Не нужно иметь dev. инструменты открываются в этом случае.

Я был в ситуации, когда браузер загружал данные кеша с диска, даже когда я проверял отключенный кеш (я использовал Chrome). Все мои CSS и JS загружались с сервера, но не с веб-страницы. Это происходило как на моем местном, так и на Производственном.

Чтобы исправить это, мне нужно добавить дополнительный параметр в свой URL, чтобы заставить браузер получать веб-страницу с сервера, даже контроллеру это не нужно.

Я использовал ASP.Net, так что вот мой пример:

//Controller function
public ActionResult Index()
    {
        return View();
    }
//Link
@Html.Action("Index", "Home", new { ts = DateTime.Now.Ticks.ToString()})

В результате будет сгенерирована ссылка, например: http://www.myweb.com/Home/Index?ts=636558555408282209

Это моя ситуация и решение. Надеюсь, это может кому-нибудь помочь.