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.
Test the Web Share API by sharing text, links, and files directly from the browser. Check compatibility and see example code.
Inject dynamic messages into ARIA live regions and monitor how they trigger screen reader announcements. Debug a11y.
Enter a URL and see live mocked previews for Facebook, Twitter, LinkedIn, and Slack based on its meta tags. Find missing tags.
Enter a URL and view it in three iframes: mobile, tablet, and desktop side‑by‑side. Quick responsive check.
Watch for updates to aria‑live regions and log what a screen reader would announce. Debug live regions.
Test the Fullscreen API: request fullscreen on a colored div, detect changes, and copy the JavaScript boilerplate.
Enter a URL and see a simulated preview of how the link will appear on major social platforms. Check tags.
Measure your internet connection speed by downloading and uploading a small test file. Works from your browser.
Paste HTML or Markdown to count total words, unique words, heading distribution, and reading time. Content audit helper.
Check if the current page can be loaded offline by examining the service worker cache. Developer tool for PWAs.
Toggle content‑visibility: auto on long blocks and see the rendering time difference. Understand this powerful property.
Analyze text for keyword frequency and density. Highlights over-optimized terms. Perfect for content writers and SEO editors. Entirely browser-based.
Decode an image progressively using the ImageDecoder API. See partial results and metadata. Modern alternative to <img>.
Fetch a page and list all loaded assets (CSS, JS, images) with their sizes. See total page weight. Quick performance check.
Request permission and detect when the user is idle (away from keyboard). See screen lock state. For native‑like apps.
Drop a PNG file and see all its chunks (IHDR, tEXt, etc.). Extract hidden text and color profiles. Pure JavaScript reader.
See the View Transitions API in action. Cross‑fade and morph between two states. Copy the JavaScript starter code.
Fetch and extract all meta tags, open graph tags, and Twitter cards from a live URL. No server proxy, direct browser fetch.
Enter your snake's weight and species to get recommended rodent size and feeding frequency. Avoid under/overfeeding.
Enter a URL and extract meta title, description, OG tags into a readable format. Works via frontend proxy or user pastes HTML. Local.
Enter a recipe and scale the ingredient quantities up or down by servings. Supports fractions and mixed units. Cooking helper.
Analyze text for screen reader friendliness: detect vague link text, missing alt suggestions. Get a report. Local.
Enter a URL and get a rough client-side performance simulation: request count, DOM size, and potential speed tips. No real Lighthouse.
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 text‑rendering: auto, optimizeSpeed, optimizeLegibility, geometricPrecision. See kerning and ligature changes live.
Quickly estimate your internet connection speed by downloading a small test file. See class and recommendations.
Enter a URL and fetch its Twitter card meta tags. See a live preview of how the tweet will appear. Debug social sharing.
Keep track of a tennis match: points, games, sets, and deuce. Supports tiebreak. Great for friendly matches. Local.