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

Kayce Basques

Sofia Emelianova

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

Если вы пытаетесь проверить данные HTTP-кэша , это не то руководство, которое вам нужно. В столбце Размер сетевого журнала есть информация, которую вы ищете. См. Журнал сетевой активности .

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

1. Откройте DevTools > Приложение > Хранилище .

2. Чтобы просмотреть доступные кэши, разверните Кэш-память .

   

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

   

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

   

5. Откройте вкладку «Предварительный просмотр» , чтобы просмотреть содержимое ресурса.

   

Обновить ресурс

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

2. Выберите ресурс, который вы хотите обновить. DevTools подсветит его синим цветом, чтобы указать, что он выбран.

   

3. Нажмите Обновить обновить .

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

1. Просмотр данных кэша .
2. Используйте текстовое поле «Фильтр по пути» , чтобы отфильтровать все ресурсы, которые не соответствуют указанному вами пути.

В этом примере отфильтровываются ресурсы, в пути к которым нет script .

Удалить ресурс

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

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

   

3. Нажмите Удалить выбранное. .

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

1. Откройте Приложение > Хранилище .

2. В разделе «Кэш» убедитесь, что Кэш-хранилище включено.

3. Нажмите Очистить данные сайта .