ContentIndex: метод getAll()

Метод getAll() интерфейса ContentIndex возвращает Promise, который разрешается с итерируемым списком записей индекса контента.

Нет.

Возвращает Promise, который разрешается с Array contentDescription элементов.

contentDescription

Каждый возвращаемый элемент — это Object, содержащий следующие данные:

id

Уникальный идентификатор String.

title

Заголовок элемента в виде String. Используется в отображаемых списках контента.

description

Описание элемента в виде String. Используется в отображаемых списках контента.

url

String с URL соответствующего HTML-документа. Должен находиться в области действия текущего сервисного работника.

category Необязательно

Категория контента в виде String. Может принимать следующие значения:

• '' Пустая String (по умолчанию).
• homepage
• article
• video
• audio

icons Необязательно

Массив Array ресурсов изображений, представленных как Object с данными:

src

URL String исходного изображения.

sizes Необязательно

Представление размера изображения в виде String.

type Необязательно

Тип MIME изображения.

label Необязательно

Строка, представляющая доступное имя значка.

Исключения не выбрасываются. Если в индексе контента нет элементов, возвращается пустой массив Array.

Ниже представлен пример асинхронной функции, которая извлекает элементы из индекса контента и итерируется по каждой записи, создавая список для интерфейса.

async function createReadingList() {
  // access our service worker registration
  const registration = await navigator.serviceWorker.ready;

  // get our index entries
  const entries = await registration.index.getAll();

  // create a containing element
  const readingListElem = document.createElement("div");

  // test for entries
  if (entries.length === 0) {
    // if there are no entries, display a message
    const message = document.createElement("p");
    message.innerText =
      "You currently have no articles saved for offline reading.";

    readingListElem.append(message);
  } else {
    // if entries are present, display in a list of links to the content
    const listElem = document.createElement("ul");

    for (const entry of entries) {
      const listItem = document.createElement("li");

      const anchorElem = document.createElement("a");
      anchorElem.innerText = entry.title;
      anchorElem.setAttribute("href", entry.url);

      listElem.append(listItem);
    }

    readingListElem.append(listElem);
  }
}

• Вводная статья об API Content Index
• API сервисных работников, включая информацию о кэше и CacheStorage