Отладка темы wordpress без обновления версий скриптов и стилей в functions.php
Я работаю над существующей темой Wordpress. Каждый раз, когда я обновляю код любого стиля или скрипта, мне нужно обновить версию файла в файле functions.php. Делая это, я могу работать с обновленными стилями и скриптами с помощью инструментов разработчика Firefox.
Обновление версий каждый раз очень утомительно и требует много времени. Я погуглил и нашел кучу плагинов для отладки, но, похоже, ничего не работает.
Примечание: я использую CloudFlare и веб-сервер NGINX. Может ли это потенциально способствовать возникновению этой проблемы?
Спасибо. Я отключил кеширование в Firefox, но это не помогает. Я использую облачную вспышку. Может ли облачная вспышка вызвать проблему?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Если вы используете CloudFlare, то их CDN кэширует ваши активы, поэтому вы видите обновления только тогда, когда увеличиваете номера версий файлов css / js.
Для разработки CloudFlare предлагает удобный инструмент для перевода своего сайта в «Режим разработки», чтобы вы могли видеть свои изменения, не меняя номера версий.
- Войдите в свою учетную запись CloudFlare.
- Зайдите в «Кеширование».
- Найдите раздел «Режим разработки», переведите переключатель в положение «Вкл.».
- Обратите внимание: этот режим автоматически отключается через 3 часа, поэтому вам не нужно забывать о его отключении - тем не мение, если вы разрабатываете дольше этого, вам придется снова включить его.
Для получения дополнительной информации обратитесь к Режим разработки CloudFlare
Ссылка: Динамическое обновление версии файла во время разработки
Во время разработки вы можете избежать хлопот с очисткой кеша браузера, передав динамическую переменную в качестве версии файла при его постановке в очередь. Например, текущее время.
Найдите код, в котором файлы помещены в очередь, и внесите необходимые изменения следующим образом:
wp_enqueue_script( 'custom_js', 'custom.js', array(), date("h:i:s") );
Функция date("h:i:s") выводит текущее время и, передав его в качестве номера версии, автоматически обновит ваш кеш.
Спасибо за ответ. Обновляю тему живого сайта. Будет ли этот подход вызывать странные эффекты в браузерах клиентов? Я не хочу сохранять дату ("h: i: s") после завершения обновления темы. Я хочу вернуться к обычному формату версии, например к «2.0», после завершения процесса разработки. Будет ли возвращение, например, к «2.0», отображать старый стиль в браузере посетителей?
Нисколько. Использование статической версии, например, 2.0, ничего не сломает. Но учтите, что браузер и CDN начнут кэшировать ваши файлы, и вы можете не сразу заметить изменения. Вам нужно будет выполнить жесткое обновление.
Всем спасибо за ответы. Все ответы были полезными. Я понял, что именно в моем случае проблема была связана с кешированием NGINX. Я отключил кеш NGINX, и все заработало, как задумано. Кэширование Cloudflare тоже было проблемой.
У меня есть папка с темой. внутри папки у меня есть стили и файлы скриптов. Например, я меняю стиль темы в превосходном текстовом редакторе и сохраняю его. После этого мне нужно изменить версию файла стиля в functions.php, чтобы я мог видеть последний стиль в браузере.