No Login Data Private Local Save

Content Indexing API Demo - Online Show in System Launcher

Developer Tools PWA Content Indexing demo offline PWA
36
0
0
0

Content Indexing API Demo

See how your content appears in the system launcher

Checking API...
Add to Index
Please enter a title.
Please enter a valid URL (https://...).
Supported formats: PNG, SVG, etc. (optional)
How to use in your PWA
// Inside service worker 'activate' or after page load
const registration = await navigator.serviceWorker.ready;
if ('index' in registration) {
  await registration.index.add({
    id: 'article-1',
    title: 'My Article',
    description: 'Short desc',
    url: '/article-1',
    category: 'article',
    icons: [{ src: '/icon.png', sizes: '96x96' }]
  });
}

Requires HTTPS, installed PWA, and supported browser.

System Launcher Preview 0

No content indexed yet. Add your first item!

Frequently Asked Questions

It allows your progressive web app (PWA) to tell the browser which offline content is available, so the operating system can surface it in system launchers, search, or content suggestions.

Currently supported in Chromium-based browsers (Chrome, Edge) on Android, starting from version 84. Desktop and iOS support is limited. Always check 'index' in registration before using.

Yes, the API is exposed on ServiceWorkerRegistration.index. You must register a service worker and the page must be served over HTTPS.

After adding content via the API, the system may take a few seconds to minutes before surfacing it in the launcher. This demo shows a live preview simulation, but real indexing depends on the OS.

Use registration.index.delete(id) to remove a specific entry, or clear all with a loop. This demo simulates deletion locally; in a real app you must call the API.
🔧 Related Tools