Поделиться через

Просмотр данных кэша

  • Статья

В этом руководстве показано, как использовать средства разработки для проверки данных кэша .

Чтобы проверить данные кэша HTTP , в средстве "Сеть" используйте столбец Размержурнала сети. См . статью Регистрация активности сети в разделе Проверка сетевой активности.

Просмотр данных кэша

  1. Откройте devTools, нажав клавишу F12 или CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).

  2. В devTools на панели действий выберите вкладку Приложение . Если эта вкладка не отображается, нажмите кнопку Дополнительные инструменты (значок ") и выберите пункт Приложение. Панель Манифест обычно открывается по умолчанию:

    Панель манифеста

  3. Разверните раздел Хранилище кэша , чтобы просмотреть доступные кэши:

    Доступные кэши

  4. Щелкните кэш, чтобы просмотреть содержимое:

    Просмотр содержимого кэша

  5. Щелкните ресурс, чтобы просмотреть заголовки HTTP в разделе под таблицей:

    Просмотр HTTP-заголовков ресурса

  6. Щелкните Предварительный просмотр , чтобы просмотреть содержимое ресурса:

    Просмотр содержимого ресурса

Дополнительные сведения о квоте хранилища данных кэша см. в разделе Использование квоты статьи Отладка прогрессивной веб-приложения.

Обновление ресурса

  1. Просмотр данных для кэша.

  2. Щелкните ресурс, который требуется обновить. DevTools выделяет его, чтобы указать, что он выбран.

  3. Щелкните Обновить (обновить):

    Выбор обновляемого ресурса

Фильтрация ресурсов

  1. Просмотр данных для кэша.

  2. Используйте текстовое поле Фильтровать по пути , чтобы отфильтровать ресурсы, которые не соответствуют указанному пути:

    Фильтрация ресурсов, не соответствующих указанному пути

Удаление ресурса

  1. Просмотр данных для кэша.

  2. Щелкните ресурс, который требуется удалить. DevTools выделяет его, чтобы указать, что он выбран.

  3. Щелкните Удалить выбранный (удалить выбранный):

    Выбор удаляемого ресурса

Удаление всех данных кэша

  1. В средстве приложения щелкните Хранилище.

  2. Убедитесь, что установлен флажок Хранилище кэша .

  3. Нажмите кнопку Очистить данные сайта :

    Кнопка

Примечание.

Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Kayce Basques (Технический писатель, Chrome DevTools & Lighthouse).

Creative Commons License Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.