Примушуйте Google Chrome перевіряти наявність нових файлів JavaScript щоразу, коли я отримую доступ до веб-сайту

Отже, якщо я перейду до параметрів Інтернету в Internet Explorer:

Я можу налаштувати параметри, коли IE перевіряє оновлення:

Чи можу я зробити щось подібне в Google Chrome? Зараз, коли я змінюю файл JavaScript і відладжую програму від Visual Studio, Chrome завжди використовуватиме кешовану версію, а не використовувати модифіковану версію. Щоб мати можливість використовувати поточну версію, я повинен вручну очистити свої тимчасові інтернет-файли / кеш, що насправді дратує.

Варіант 1: тимчасово відключити кеш

1. Відкрийте Інструменти для розробників (Натисніть F12або Меню, Інші інструменти, Інструменти для розробників)
2. Відкрийте Налаштування Інструментів для розробників (Натисніть F1або Меню DevTools, Налаштування)
3. Поставте прапорець "Вимкнути кеш-пам'ять (поки DevTools відкритий)" під заголовком "Мережа" на панелі "Налаштування"

Варіант 2: Вимкнути кеш-сеанс

Запустіть Chrome за допомогою перемикачів командного рядка, --disk-cache-size=1 --media-cache-size=1які обмежуватимуть кеші на 1 байт, фактично відключаючи кеш.

Варіант 3: оновлення вручну

Перезавантажте поточну сторінку, ігноруючи кешований вміст: Shift+ F5або Ctrl+ Shift+r

Комбінації клавіш Chrome - Довідка Chrome (у розділі " Швидкі клавіші веб- сторінок")

Варіант 4: додаткові параметри перезавантаження ( джерело )

Після відкриття Інструментів для розробників натисніть правою кнопкою миші кнопку Перезавантажити, щоб відобразити меню перезавантаження з наступним:

• Нормальне перезавантаження (Ctrl + R)
• Перезавантаження (Ctrl + Shift + R)
• Порожній кеш і важке перезавантаження

Це може бути не на 100% пов’язане з оновленням хрому, але для подальшого розвитку. Як @Dom сказав, ви можете додати? V = # після свого ресурсу. Один із способів автоматизації процесу - хеш-вміст згаданого файлу та використання його як версії.

У мене є фрагмент коду про те, як це зробити в C # (Razor для реалізації), якщо це може допомогти.

Помічник:

public static string HashUrl(string relativeUrl)
    {
        var server = HttpContext.Current.Server;
        if (File.Exists(server.MapPath(relativeUrl)))
        {
            byte[] hashData;
            using (var md5 = MD5.Create())
            using (var stream = File.OpenRead(server.MapPath(relativeUrl)))
                hashData = md5.ComputeHash(stream);

            return relativeUrl.Replace("~", "") + "?v=" + BitConverter.ToString(hashData).Replace("-", "");
        }
        return relativeUrl + "?v=notFound";
    }

Впровадження:

<link rel="stylesheet" href=@Util.HashUrl("~/Controllers/Home/Views/Index.css") />

Сподіваюся, це допомагає

EDIT --- Деякі запитували час виконання збірки, а для 1000 невеликих ресурсів потрібно приблизно 11 мс.

https://en.code-bude.net/2013/08/07/md5-hashes-in-c-benchmark-and-speed-%E2%80%8B%E2%80%8Boptimization/

https://en.code-bude.net/wp-content/uploads/2013/08/md5_performance_benchmark_2.png

В інших випадках, коли це може бути неможливим, наприклад, бажаючи примусити оновити на комп'ютері кінцевого користувача, до якого ви не маєте доступу, ви можете додати номер версії до імені сценарію як параметр запиту, змушуючи браузер ідентифікувати це як інший файл . тобто. example.js?v=1. Майте на увазі, що вам потрібно змінити номер при кожному перезавантаженні, щоб примусити його.

Ви також можете це зробити з місцевим розвитком, але метод інструментів розробки набагато ефективніший.

в додаванні @Steven відповіді, коли ви отримуєте інструменти розробника консолі відкриваються, ви можете праву кнопку миші на кнопці відновлення і використовуйте меню, що випадає.

У цьому меню ви отримуєте опцію "Порожній кеш і жорстке перезавантаження" .

Це те, що ви шукаєте.

Якщо ви розробляєте веб-сайт, то ви повинні знати, що Chrome потребує must-revalidateналаштування Cache-Controlдля того, щоб належним чином отримати файли під час їх зміни на сервері.

Інші відповіді розповідають, як натиснути SHIFT-F5, щоб змусити власну версію Chrome перезавантажувати всі файли. Але чи розумно сказати всім користувачам сайту робити це щоразу, коли сайт змінюється? Якщо ви Cache-Controlвключите, must-revalidateChrome перевірте, чи змінилися файли, а потім завантажте їх належним чином за потреби.

Деталі див. У цьому дописі в блозі: https://agiletribe.wordpress.com/2018/01/29/caching-for-chrome/