Способ заставить Chrome постоянно перезагружать стили и изображения при каждом посещении страницы во время разработки / тестирования? - PullRequest
8 голосов
/ 27 октября 2010

Каким бы блестящим ни был Firebug, я бы подумал о том, чтобы переключить отладку JavaScript на Chrome, если бы смог выяснить, как заставить его постоянно перезагружать стили и изображения при каждом посещении страницы?Я тестирую страницу в Firefox, она всегда получает последнюю версию.

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

Есть ли способ настроить Chrome для меньшего кэширования во время разработки?

Ответы [ 7 ]

10 голосов
/ 27 октября 2010

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

РЕДАКТИРОВАТЬ:

Еще один действительно простой способ сделать это в Chrome теперь это перейти вИнструменты разработчика Chrome, щелкните механизм настройки (внизу справа) и установите флажок «Отключить кэш».Смотри https://stackoverflow.com/a/7000899/4570.

2 голосов
/ 21 сентября 2011

Немного опоздал на вечеринку, но только для людей, которые могут подобрать эту страницу при поиске, в новых версиях Chrome есть настройка инструментов разработчика для отключения кеша.Показать инструменты разработчика (spanner-> tools-> developer tools) и в правом нижнем углу есть крошечная шестеренка.щелкните по нему, и в окне инструментов разработчика появятся несколько настроек, один из которых - отключить кеш браузера.Если вы не видите его, возможно, вам придется перейти на более новую версию Chrome.

Ian

1 голос
/ 27 октября 2010

Лучше всего очищать кэш между каждой загрузкой.В последней версии Chrome горячая клавиша такая же, как и в Firefox (на Mac это Shift-Command-Del).Тем не менее, они не сфокусировали кнопку «Очистить данные просмотра», поэтому вы должны использовать эту кнопку, чтобы щелкнуть мышью по этой кнопке - которая является полной PIA по сравнению с Firefox (Shift-Command-Del + Return) или Safari (Option-Command-E + Return).

1 голос
/ 27 октября 2010

Согласно страницам справки Chrome, Ctrl + F5, Shift + F5, Ctrl + R и Shift + R должны принудительно обновляться. У меня не было проблем с javascript и css, но обновление кадров - другая история. Кэширование также может быть на вашем веб-сервере. Очевидно, что сервер можно настроить для кэширования файлов CSS и JavaScript.

0 голосов
/ 30 января 2018

Что Chrome должен иметь must-revalidate в заголовке Cache-Control`, чтобы перепроверить файлы, чтобы увидеть, нужно ли их повторно выбирать так, как это делают другие браузеры по умолчанию.

Рекомендовать следующий заголовок ответа:

Cache-Control: must-validate

Это говорит Chrome проверить с сервером и посмотреть, есть ли новый файл.Если есть более новый файл, он получит его в ответе.Если нет, он получит ответ 304 и гарантию того, что тот в кеше обновлен.

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

Вот сообщение в блоге , в котором обсуждается проблема.

0 голосов
/ 20 июля 2012

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

Это то, что я делаю, когда выполняю настройки CSS и изображения.

0 голосов
/ 07 июня 2011

2,5 способа, которыми я это делаю, не являются «автоматическими», но они очень быстрые, и мне не нужно забывать переключаться назад с частного просмотра - а) установить Mouse Gestures и использовать (в любом случае, это отличное расширение, но тем более теперь, когда я об этом знаю) Up, Down, Up - это перезагрузка без кеша. Вы можете получить это здесь

b) ctrl + shift + r [предполагается] для перезагрузки без кеша. Даже справочные страницы признают, что это не идеально

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

...