Web/API/ContentIndex/getAll

Draft This page is not complete.

The getAll() method of the ContentIndex interface returns a Promise that resolves with an iterable list of content index entries.

Syntax

var indexedContent = ContentIndex.getAll();

Parameters

This method receives no parameters.

Return value

Returns a Promise that resolves with an Array of ContentDescription items.

ContentDescription: Each item returned is an Object containing the following data:

id

A unique String identifier.
title: A String title for the item. Used in user-visible lists of content.
title: A String title of the item. Used in user-visible lists of content.
description: A String description of the item. Used in user-visible lists of content.
url: A String containing the url of the corresponding HTML document. Needs to be under the scope of the current service worker.
category: Optional A String defining the category of content. Can be:

An empty String, this is the default. homepage article video audio

icons

Optional An Array of image resources, defined as an Object with the following data:

src: A url String of the source image. sizes: Optional A String representation of the image size. type: Optional The MIME type of the image.

Exceptions

No exceptions are thrown. If there are no items in the Content Index, an empty Array is returned.

Examples

The below example shows an asynchronous function that retrieves items within the content index and iterates over each entry, building a list for the interface.

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 (!Array.length) {

    // 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);
  }

}

Specifications

Specification	Status	Comment
Content Index APIThe definition of 'getAll' in that specification.	Editor's Draft	Initial definition.

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`getAll` Experimental'	Chrome No support No	Edge Full support 84	Firefox No support No	IE No support No	Opera No support No	Safari No support No	WebView Android Full support 84	Chrome Android Full support 84	Firefox Android No support No	Opera Android No support No	Safari iOS No support No	Samsung Internet Android No support No

Legend

Full support: Full support
No support: No support
Experimental. Expect behavior to change in the future.': Experimental. Expect behavior to change in the future.