В Chrome для рабочего стола у меня есть опции в инструментах dev, чтобы полностью отключить кеш при открытии инструментов dev, и у меня есть возможность вручную выполнить жесткую перезагрузку, когда вы долго нажимаете кнопку перезагрузки (с открытыми инструментами dev).
Есть ли такой способ для Chrome для Android? Я не нашел никаких настроек. Что делать, когда я хочу заставить браузер загружать некоторые файлы javascript или css вместо использования кэшированного при разработке?
Я использую window.location.reload(true) в соответствии с MDN (и this аналогичный вопрос), он заставляет страницу перезагружаться с сервера.
Вы можете выполнить этот код в браузере, набрав javascript:location.reload(true) в адресной строке.
Просмотр страницы в режиме инкогнито отключит кеш. Это был единственный способ заставить обновить таблицу стилей без ручной очистки кеша через настройки.
Также есть опция:
а затем перезагрузите страницу.
Вы можете использовать опцию Site Desktop Site в меню приложения (справа от адресной строки), которая заставит страницу перезагрузить.
Просто коснитесь его, дождитесь обновления и отмените выбор.
Упоминание об этом, потому что вы упомянули "при разработке".
Вы можете управлять мобильным устройством через браузер Chrome Desktop.
Посетите chrome://inspect/#devices на рабочем столе. И Inspect устройство, подключенное к вашему рабочему столу. Согласитесь, когда вас попросят разрешения.
Теперь вы должны увидеть полнофункциональное окно Devtool для текущей страницы на мобильном устройстве.
Теперь используйте жесткую перезагрузку (Cmd + Shift + R) на рабочем столе, чтобы выполнить жесткую перезагрузку на мобильном устройстве!
Не забудьте удостовериться, что параметр "Уменьшить использование данных" отключен, поскольку, как кажется, загружается кешированные данные (с серверов Google?), даже если ваш локальный кеш очищается.
Я знаю, что это старый вопрос, но я обнаружил, что принятый ответ не сработал у меня.
Альтернативным решением было бы добавить URL-адрес с новым параметром url
таких как website.com?a=1, website.com?a=2 и т.д.
Если у вас уже есть параметры, конечно, вы должны использовать амперсанд
т.е. website.com?q=test&a=1
Как сбросить все данные для данного URL/веб-сайта в Chrome Mobile для Android:
1 - Откройте меню Chrome и коснитесь значка "i (информация)"
2 - нажмите "Настройки сайта"
3 - Нажмите на значок корзины
То, что даже самый глубоко укрытый сервисный работник для этого URL теперь умрет.
Удаленная отладка позволяет использовать настольные инструменты разработки:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
Последние версии Chrome очень агрессивно кешируют. Даже методы очистки кэша, такие как " http://url? Updated = datecode ", перестали работать. Вы должны каждый раз очищать кеш или запускать окно инкогнито (и убедитесь, что сохранение данных отключено).
По состоянию на 2018 год из справочного центра Google (проверено на Chrome 63):
Как уже упоминалось в другом ответе, вкладки инкогнито также очень полезны для разработки.
Я нашел решение, которое работает, но оно безобразно.
Нажмите трехточечное меню и выберите "Удаленные устройства" в меню "Дополнительные инструменты":
В открывшейся панели выберите свое устройство, а затем кнопку "Проверить" рядом с названием вкладки на телефоне, которую необходимо обновить:
В открывшемся окне перейдите на вкладку "Сеть" и установите флажок "Отключить кэш":
Перезагрузите страницу на вашем телефоне или используйте кнопку перезагрузки в окне DevTools.
Примечание. Если ваш телефон не отображается в списке устройств:
- убедитесь, что USB-соединение использует режим передачи файлов, а не просто заряжается
- попробуйте перезапустить ADB или запустить
adb devicesчтобы увидеть, обнаруживается ли устройство
ОБНОВЛЕНИЕ: этот метод устарел в Google Chrome и больше не работает.
ОРИГИНАЛЬНЫЙ ОТВЕТ:
Мне удалось очистить кэш (включая последующий xhr) с помощью chrome://net-internals
Затем нажмите маленькую стрелку в правом верхнем углу
Выберите "очистить кеш" из этого меню.
Единственный надежный способ, который не требует подключения телефона к ПК, заключается в следующем:
1. Принудительно остановите приложение Chrome.
Это должно быть сделано в первую очередь, и вы не можете повторно открыть Chrome, пока не завершите эти шаги. Есть несколько способов заставить остановиться. Большинство домашних пусковых установок позволяют вам получить доступ к "информации о приложении", удерживая палец на значке Chrome и выбирая значок "i". Кроме того, вы можете перейти к настройкам Android и просто выполнить поиск "Chrome".
В "Информация о приложении" выберите "Force stop", как показано ниже:
2. Очистить кэш Chrome
Выберите "Хранилище" на том же экране:
Наконец, выберите "Очистить кеш".
Когда вы вернетесь в приложение Chrome, страница должна перезагрузить себя и использовать не кэшированную версию.
Кроме того, я нашел сайт, с помощью которого легко проверить, очистили ли вы кеш: https://refreshyourcache.com/en/cache-test/
Я никоим образом не связан с этим. Обратите внимание, что метод очистки кэша, упомянутый на этом сайте, на самом деле устарел и больше не действует.
Вот еще одно простое решение, которое может работать при сбое других:
Сегодня довольно простое решение на стороне разработчика работало для меня, когда проблемой кеширования был кешированный CSS файл. Вкратце: создайте временную копию html файла и перейдите к ней, чтобы обновить кэш CSS.
Этот трюк может обновить CSS файл, по крайней мере, в стандартном браузере Android с синим глобусом (но вполне вероятно, что он близнец, официальный браузер Chrome и любые другие браузеры, с которыми мы сталкиваемся на "умных" телефонах с их тенденцией к агрессивному кешированию).).
Подробности:
Сначала я попробовал некоторые из довольно простых решений, которыми поделились здесь, но безуспешно (например, очистил недавнюю историю конкретного сайта, но не месяцы и месяцы его). Мой последний CSS, однако, не будет применен после обновления. И это несмотря на то, что я уже использовал трюк с номером версии в вызове файла CSS в разделе заголовка html, который помог мне избежать этих надоедливых агрессивных кеширований в прошлом. (пример: link rel= "stylesheet" href= "style.css? v = 001", где вы обновляете этот номер псевдо-версии каждый раз, когда вносите изменения в файл CSS, например, 001, 002, 003, 004... (должно быть сделано в каждом html файле сайта))
На этот раз (август 2019 г.) обновления номера версии CSS файла уже не хватало, и некоторые из более простых мер, упомянутых здесь, не помогли мне, или я даже не мог найти доступ к некоторым из них (на заимствованном телефоне Android).
В конце концов я попробовал что-то относительно простое, что наконец решило проблему:
Я сделал копию файла index.html сайта с другим именем (indexcopy.html), загрузил его, перешел на него на устройстве Android, затем перешел на исходную страницу, обновил ее (с кнопкой обновления слева от адресная строка) и вуаля: на этот раз обновление index.html наконец сработало.
Объяснение: Последняя версия CSS файла теперь была окончательно применена на Android при обновлении рассматриваемой html-страницы, потому что теперь была обновлена кэшированная копия CSS файла, когда CSS файл вызывался с временной именной html-страницы с другим именем, которая нигде не существовала. в истории браузера и что я мог бы удалить потом. Агрессивное кэширование, по-видимому, игнорировало URL-адрес CSS и вместо этого использовалось в качестве URL-адреса HTML, хотя это и был файл CSS, который необходимо было обновить в кэше.
Если дело только во включаемых файлах, просто добавьте версию после пути (?v=12345678)
<link rel="stylesheet" type="text/css" href="style.css?v=12345678" />
Тот, кто снова загрузит страницу, увидит изменения.