Вимкнення кешу 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 (безкоштовно) (зараз без зловмисного програмного забезпечення!)

Тепер мій макет json, javascript, css, html та дані оновлюється щоразу при кожному завантаженні сторінки .

Мені ніколи не потрібно хвилюватися, якщо мені потрібно очистити кеш.

Для Chrome я знайшов близько 20 очищувачів кеш-пам'яті, але цей здався легким і нульовим зусиллям. Оновлення Cache Killer тепер може залишатися "завжди увімкненим".

Примітка. Я не знаю автора плагінів жодним чином. Я просто знайшов це корисним.

1. Підтягніть консоль розробника Chrome, натиснувши, F12а потім (при відкритій консолі):

2. Клацніть правою кнопкою миші (або утримуйте ліву кнопку миші) на кнопці перезавантаження у верхній частині браузера та виберіть "Порожній кеш-пам'ять та перезавантаження".

Це вийде за рамки "Hard Reload", щоб повністю виповнити кеш, гарантуючи, що все, завантажене через JavaScript або інше, також уникне використання кешу. Вам не доведеться возитися з налаштуваннями чи чим-небудь, це швидке рішення з 1 пострілом.

Є ще два варіанти, щоб назавжди відключити кешування сторінок у Chrome :

1. Відключіть кеш Chrome в Реєстрі

Відкрити реєстр (Пуск -> Команда -> 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 відкритий), як показано нижче:

Зараз це знаходиться на вкладці Налаштування , яка є типовою. Можливо, вам доведеться прокрутити вниз. Цей прапорець було переміщено щонайменше пару разів з моменту запитання. Востаннє я перевірив, це було в середній колонці внизу. Якщо ви відкрили його на тоншому екрані, а в розділі Налаштування є два стовпці, це може бути вгорі праворуч. Не соромтесь оновлювати цю публікацію, якщо вона зміниться або прокоментується, і я оновлю публікацію.

Замість того, щоб натиснути "F5", просто натисніть:

"Ctrl + F5"

У Канарському каналі (і, можливо, буде продовжуватись розробка та стабільний канал), це є другим варіантом із лівого боку в розділі "Загальні".

На додаток до цього, завжди є можливість перейти в режим інкогніто за допомогою Ctrl + Shift + N. Незважаючи на те, що, на жаль, також закінчується ваш сеанс.

Використання Ctrl+ Shift+ Rдля оновлення було приємно, але не отримав все необхідне. все-таки деякі речі не оновлюються, наприклад, дані, що зберігаються у js та css. знайшов рішення: панель інструментів google для веб-розробників Chrome . Після установки панелі інструментів виберіть параметри та "скиньте сторінку".

Щоб було зрозуміло, прапорець відключити кеш-пам’ять у Chrome (v17 тут, але оскільки я вважаю, що v15) не знаходиться в основних інтерфейсах налаштувань. Він знаходиться в інтерфейсі налаштувань інструментів для розробників.

1. У меню піктограми гайкового ключа вікна браузера (меню налаштувань) виберіть Інструменти → Інструменти розробника

2. У інтерфейсі інструментів для розробників, що з’являється, натисніть значок шестірні внизу праворуч.

3. Установіть прапорець "Вимкнути кеш-пам'ять" у розділі Мережа.

Вимкнути кеш-пам'ять у chrome працює лише тоді, коли у вас відкриті інструменти розробника

Поки помилка не виправлена, ви можете використовувати плагін Clear Cache Chrome, а також можете встановити ярлик клавіатури.

Після його встановлення натисніть правою кнопкою миші та перейдіть до параметрів:

Перевірка Automatically reload active tab after clearing data:

Виберіть Everythingдля періоду часу:

І тоді ви можете перейти до Меню => Інструменти => Розширення:

Клацніть ярлики на клавіатурі внизу:

І встановіть ярлик клавіатури, наприклад Ctrl+ Shift+ R:

Насправді, якщо ви не заперечуєте щодо використання пропускної здатності, це безпечніше з декількох причин відключити кешування та проконсультовано багатьма сайтами безпеки.

Chromium не повинен бути нахабним, щоб приймати рішення та застосовувати налаштування щодо користувачів.

Ви можете відключити кеш в UNIX за допомогою --disk-cache-dir = / dev / null.

Оскільки це несподівано, можуть статися збої, але якщо вони трапляться, то це очевидно вкаже на більш серйозну помилку, яку слід усунути у будь-якому випадку.

Це може комусь допомогти.

Я сфальсифікував свій Nginx для шаленого кешування. Таким чином, відключення кешу в мережевих інструментах та явне очищення кеша не працюють.

Дуже просте, але нудне рішення, я просто відкриваю нову вкладку інкогніто. Дивно, але це працює весь час!

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

Як щодо закладки, яка змінює ім’я сторінки, щоб запобігти кешування сторінки. У 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. У запиті атрибут кеша встановлено істинно:

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

Встановивши це значення false вирішило мою проблему, але це не ідеально.

Я поняття не маю, де ці дані зберігаються, але я знаю, що хром ніколи не потрапляв на сервер за запитом.

Зараз є кращий і швидший спосіб (версія Chrome 59.xx):

Клацніть правою кнопкою миші на значку перезавантаження (зліва від поля URL-адреси), і ви отримаєте спадне меню, виберіть третій варіант: 'порожній кеш і жорстке перезавантаження'.

Ця опція доступна лише тоді, коли відкриті інструменти для розробників. (Зауважте різницю у варіанті 2: 'Hard reload' -cmd-shift-R). Тут немає порожнього кешу!

У веб-магазині хрому під назвою Clear Cache є розширення з хромом .

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

Дуже-дуже хороший!

Ви також можете визначити комбінацію клавіш для цього в параметрах!

Також інший спосіб - запустити ваше хромоване вікно в режимі анонімного перегляду. Тут кеш також повинен бути повністю відключений.

Ще один варіант відключення кешу надається моїм розширенням для Chrome інспектор розмірів сторінки з який відключає кеш точно так само, як це робить Devtools.

Крім того, розширення швидко звітує про розмір сторінки, використання кешу, мережеві запити та час завантаження веб-сторінки зручним способом. Плюс його відкритий джерело в Github .

Не впевнений, що ви використовуєте, але якщо ви використовуєте ASP.Net, ви можете зробити наступне, що працює як шарм:

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

В основному, він автоматично додає дату та час до кінця файлу кожного разу, коли він запущений, тобто, оскільки ім'я файлу технічно інше, вам більше не доведеться турбуватися про те, щоб він знову був кешований.

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

• Зсув управління 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

Я вважаю, що не вимикати медіа-кеш - це гарна ідея, але вона тут заради повноти.

Насправді я хочу повністю відключити кеш, використовувати пам'ять для IO замість свого диска (що також зробить час завантаження на 10 разів швидше!), Але я не думаю, що хром чи будь-який браузер для цього питання ще не мають цього варіанту .

Як я можу тимчасово відключити кеш або оновити сторінку якимось чином, щоб я міг бачити зміни?

Незрозуміло, на який "кеш" ви посилаєтесь. Існує кілька різних методів, за допомогою яких браузер може постійно кешувати вміст. Веб-сховище є одним із них, Cache-Controlбудучи іншим.

Деякі веб-переглядачі також мають Cache, використовуваний спільно з Сервісними працівниками , для створення прогресивних веб-додатків (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 з Провідника файлів або на робочий стіл (залежно від місця, де ви завантажили файл) у хромоване вікно, щоб встановити розширення.

Я використовую (у windows), ctrl + shift + delete, і коли з’явиться діалогове вікно chrome, натисніть клавішу Enter. Це можна налаштувати з тим, що потрібно очистити щоразу при виконанні цієї послідовності. Не потрібно мати дев. інструменти, відкриті в цьому випадку.

Я опинився в ситуації, коли браузер завантажує дані кешу з диска, навіть перевіряючи його відключений кеш (я використовував 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

Це моя ситуація та рішення. Сподіваємось, це може комусь допомогти.