Content Indexing API Demo - Online Show in System Launcher
Add web content to the device’s content index (like Google Discover). See the indexed items and delete them.
UD5 Toolkit
Quickly test if your content can be indexed by the browser’s Content Index and appear in the device’s media feed or downloads surface.
Checking...
This tool calls navigator.contentIndexing.add() with the data you provide. If the API is supported, the browser may index your content and show it in:
A registered Service Worker is recommended for offline content playback.
const item = {
id: 'post-1',
title: 'My Article',
description: '...',
url: 'https://...',
icons: [{
src: 'https://.../icon.png',
sizes: '192x192',
type: 'image/png'
}],
category: 'article'
};
try {
await navigator.contentIndexing.add(item);
} catch (e) {
console.error(e);
}
navigator.contentIndexing.add() can be called without a Service Worker, but for the indexed content to be useful (offline playback), you should register a fetch handler in a Service Worker. Without one, the browser may still index the URL, but opening it might fail when offline.
localhost (which is considered secure) or a tool like ngrok. Also enable the #content-indexing flag in chrome://flags if it's not already on.
navigator.contentIndexing.delete(id) to remove an item by its ID. There is no direct update method — delete and re-add with the same ID to update.
article, video, audio, or homepage help the browser present the item properly. There is no strict content‑type enforcement.
Add web content to the device’s content index (like Google Discover). See the indexed items and delete them.
Simulate a PWA receiving shared text, links, and images. Test the Web Share Target API without a server.
Inject dynamic messages into ARIA live regions and monitor how they trigger screen reader announcements. Debug a11y.
Test the Web Share API by sharing text, links, and files directly from the browser. Check compatibility and see example code.
Test the Fullscreen API: request fullscreen on a colored div, detect changes, and copy the JavaScript boilerplate.
Watch for updates to aria‑live regions and log what a screen reader would announce. Debug live regions.
Check if the browser has captured the beforeinstallprompt event. Understand why your PWA is (or isn't) installable.
Keep a virtual pet alive by feeding, playing, and cleaning. Its state persists in localStorage. Come back or it gets sad.
Paste HTML or Markdown to count total words, unique words, heading distribution, and reading time. Content audit helper.
Enter a URL and fetch its Twitter card meta tags. See a live preview of how the tweet will appear. Debug social sharing.
Enter a URL and see a simulated preview of how the link will appear on major social platforms. Check tags.
Paste multiple HTML snippets (header, footer) and a main content, then combine them into a single preview. Static site helper.
Measure your internet connection speed by downloading and uploading a small test file. Works from your browser.
Enter a TV show name and let the tool pick a random season and episode for you to watch. Uses local data for popular shows.
Check current screen orientation and test the lock API. Useful for mobile web apps. Demo with code.
Analyze text for keyword frequency and density. Highlights over-optimized terms. Perfect for content writers and SEO editors. Entirely browser-based.
Type directly into a contenteditable div with real‑time CSS filters, shadows, and colors. Download as HTML. Fun demo.
Enter a URL and see its favicon at all standard sizes. Check if it's properly defined. SEO basic check.
Check if the current page can be loaded offline by examining the service worker cache. Developer tool for PWAs.
Enter a URL and fetch its text/background colors to perform a bulk contrast check. See warnings for WCAG violations.
Quickly estimate your internet connection speed by downloading a small test file. See class and recommendations.
Test how your page loads under slow, 3G, or offline conditions by intercepting fetch and applying delays. No DevTools needed.
Create a QR code that lets people connect to your Wi‑Fi without typing a password. Just scan and join. Secure local.
Enter a recipe and scale the ingredient quantities up or down by servings. Supports fractions and mixed units. Cooking helper.
Paste any article and get a list of the most relevant keywords using a simple TF‑IDF‑like model. Skip stop words. All local.
Compare font‑display values (block, swap, fallback, optional) on the fly. See how text renders during web font load. Choose the right strategy.
Generate a Wi‑Fi QR code with full options: WPA3, hidden network, and EAP. Download as SVG. All local.
Enter a URL and get a rough client-side performance simulation: request count, DOM size, and potential speed tips. No real Lighthouse.
Demonstrate frequency separation by splitting an image into high/low frequency layers. Visual tool, not full editor.
Connect a gamepad and see all button presses and axis movements visually. Check that every input is detected correctly.