Як уникнути кешування під час розробки?

Чи є простий спосіб запобігти кеш-пам’яті під час тестування появи змін на сайті? Я використовую WP Super Cache. Я можу видалити кеш-пам'ять за допомогою наданої опції, видалити кеш для мого браузера, і все ж деякі зміни css або віджетів не оновлюються. Я намагаюся використовувати інші робочі кола, такі як перемикання браузерів або комп'ютерів, але повинен бути більш поточний робочий процес, де я можу переконатися, що я переглядаю внесені зміни, а не якийсь кешований раніше формат? Яке найкраще рішення для цього?

Додайте filemtime()таблицю стилів як параметр версії. Скажімо, таблиця стилів за замовчуванням знаходиться в ( css/default.cssі не ). Коли ми реєструємо таблицю стилів ( не ), ми можемо передати версію як четвертий параметр. Це буде останній модифікований час, і тому ми змінюємо щоразу, коли ми змінюємо файл.css/default.min.cssstyle.csswp_loadedinit

$min    = WP_DEBUG ? '': '.min';
$file   = "/css/default$min.css";
$url    = get_template_directory_uri() . $file;
$path   = get_template_directory() . $file;
$handle = get_stylesheet() . '-default';

// Overridden?
if ( is_child_theme() && is_readable( get_stylesheet_directory() . $file ) )
{
    $url  = get_stylesheet_directory_uri() . $file;
    $path = get_stylesheet_directory()     . $file;
}

$modified = filemtime( $path );

add_action( 'wp_loaded', function() use ( $handle, $url, $modified ) {
    wp_register_style( $handle, $url, [], $modified );
});

add_action( 'wp_enqueue_scripts', function() use ( $handle ) {
    wp_enqueue_style( $handle );
});

Якщо ви використовуєте Node.js та Grunt, я настійно рекомендую Browsersync . Він буде дивитися ваші файли та миттєво їх оновлювати, коли вони змінюватимуться. Він також може синхронізувати позицію прокрутки, подати форми та багато іншого в декілька відкритих браузерів. Дуже круто.

Шукаючи просте рішення багато разів, я вирішив знайти щось, що працює!

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

Що нам потрібно - це сказати, що це нова версія CSS, як ця ...

Перед змінами:

wp_enqueue_style( 'maincss', get_template_directory_uri() . '/css/style.css', array(), false, 'all' );

Після змін:

wp_enqueue_style( 'maincss', get_template_directory_uri() . '/css/style.css?v='.time(), array(), false, 'all' );

Це те, що ми додали:

?v='.time()

Пояснення:
Ми в основному додаємо в файл css динамічний номер версії, який змушує браузер завантажувати новий css кожен раз, коли ми його оновлюємо.

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

Ця методика працює для файлів css & js - сподіваюся, це допоможе;)

Це може здатися надто простим, але як щодо того, щоб просто відключити кешування, поки ви не закінчите з розробкою частини вашого сайту? Увімкнути та вимкнути це більш ніж просто.

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

У більшості сучасних веб-переглядачів є режим анонімного режиму . У цьому режимі нічого у вашому комп’ютері не кешується, тому кожне оновлення - це свіже завантаження шиферу з сервера. В Internet Explorer ви натискаєте Ctrl + Shift + P. У Firefox та Chrome ви натискаєте Ctrl + Shift + N.

Якщо у вашому веб-переглядачі немає режиму анонімного перегляду, ви можете звичайно перезавантажити, натиснувши Ctrl + F5на IE або Ctrl + Shift + Rна Firefox та Chrome.

Що стосується вашого питання стосовно файлів CSS (і по суті, всіх ваших файлів активів, як-от зображення та файли Javascript), то WP Super Cache жодним чином не кешується. Ваші налаштування та / або використання цього плагіна не впливають на спосіб подання цих файлів. Кешування цих файлів - це ваш браузер , і саме тому ви робите важке перезавантаження.

Що робить плагін - це він оцінює, як Wordpress створює ваші HTML-файли (через PHP), і зберігає копію, щоб наступного разу хтось запитав ту саму публікацію, сторінку чи будь-яку іншу, вона обслуговувала копію, і не доведеться переоцініть сформований PHP HTML ще раз, а отже, заощадите трохи часу на обчислення, завантажуючи ваші сторінки набагато швидше. (Я сподіваюся, що це зрозуміло.)

Проблема з цим полягає в тому, що якщо ви ляпаєте по часовій позначці URL-адрес ваших CSS-файлів за допомогою функції PHP, це оцінка PHP для HTML, і це буде кешовано WP Super Cache. Кожен запит на ту саму посаду матиме однакову позначку часу, оскільки користувачам надсилається копія оригінальної оцінки часової мітки. (Виправте мене, якщо я помиляюся.)

Правильний спосіб обійти кешування WP Super Cache - встановити параметр Don't cache for known usersна trueсторінці налаштувань плагіна.

Нарешті (і це є особистим уподобанням, оскільки я справжній стикер, що стосується кодування), вдаючись до використання анонімного перегляду або примусового жорсткого перезавантаження, не зажадає від вас додавати зайву розмітку на своїх HTML-сторінках. Звичайно, додавання часової позначки додає лише близько 13 байт на статичний файл на запит, але ей, як я вже сказав, я є стикером для подібних матеріалів. Це ще 13 байт непотрібних.

Боже, багато способів відповісти на це! Перш за все, ви запитали про дві різні речі: WP Super Cache та CSS файли. Вони кешовані по-різному, в різних місцях, тому важливо визнати, де ваша проблема.

Якщо WP Super Cache, ви можете визначити константу DONOTCACHEPAGEу своїх функціях.php під час розробки, щоб запобігти кешуванню WP Super Cache будь-чим. Не забудьте видалити це при запуску!

define('DONOTCACHEPAGE', true);

Кожен сайт також має унікальний ключ для додавання до URL-адреси, щоб завантажити свіжу версію сторінки, яку ви можете знайти на вкладці "Додатково", я вважаю.

Зробивши це до ще кращого рішення, слід розглянути можливість створення середовища розробки та виробничого середовища, де у вашому середовищі розробки не буде включено WP Super Cache (знову ж таки, припускаючи, що це ваша проблема).

Якщо ваша проблема стосується файлів CSS / JS, перегляньте відповідь toscho та подальший коментар m0r7if3r вище.

HyperCache відключає кешування, коли ви ввійшли як адміністратор. Не впевнений, чи має WP Super Cache однаковий функціонал.

Якщо ви користуєтеся Chrome (що я настійно пропоную), відкрийте Інспектор, натисніть значок налаштувань у правому нижньому куті та в розділі "Мережа" виберіть "Відключити кеш".

Як сказано для кешу wp super, але для загального кешування WP у wp-config.php зміні цього:

define( 'WP_CACHE', false );

Довідка: codex.wordpress.org

Ви можете використовувати цей фрагмент https://gist.github.com/jhayiwg/92bae4330aeb738a98022d7ab63ce9b1

Він буде генерувати нову версію вашого активного css теми та js щоразу, коли ви завантажуєте сторінку