IconVault logoIconVault
Sign in

Launch Handler Playground - Interactive Web API Lab | IconVault

Learn the Launch Handler API: real launchQueue consumer, launch parameter inspection and a PWA manifest generator with client modes. Free, in your browser.

All tools

Launch Handler Playground

launchQueue consumer, launch params and manifest generator

5 of 5 free uses left
window.launchQueue is not available here. The Launch Handler API is Chrome/Edge on desktop. The manifest builder below still generates production-ready JSON.

launchQueue consumer

Register a consumer to capture launch parameters.

  • auto: browser picks the default window behavior.
  • focus-existing: reuse a window if one is open.
  • navigate-existing: navigate an existing window to the launch URL.
  • navigate-new: always open a new window.

5 of 5 free consumer runs left.

Last captured launch params

No launch captured yet. Honest note: a real launch only fires when this page runs as an installed PWA and the OS launches it (taskbar icon, file open, shared content, protocol handler). Opening a plain browser tab does not trigger launchQueue, which is exactly why the manifest generator below exists.

    Manifest generator

    {
  "name": "My PWA",
  "start_url": "/",
  "display": "standalone",
  "launch_handler": {
    "client_mode": "auto"
  },
  "file_handlers": [
    {
      "action": "/open",
      "accept": { "image/*": [".png", ".jpg"] }
    }
  ]
}

    Drop launch_handler into your web app manifest, install the PWA, then launch it from the OS to see the consumer above fire with real params.

    About this tool

    IconVault's Launch Handler Playground demystifies the Launch Handler API for installed web apps: a working `launchQueue.setConsumer()` you can trigger, inspection of launch parameters (target URL, handled files, share data), and a manifest generator that writes the `launch_handler` block with the right client mode (`auto`, `navigate-new`, `navigate-existing`, `focus-existing`). It is free and runs fully in your browser.

    Launch handling only applies to installed PWAs in Chromium, so the lab simulates launches while teaching the real API surface: how `client_mode` decides whether a link opens a new window or reuses one, how file handlers receive launched files, and how to test the flow locally before shipping. You will also see the manifest validation rules that silently fall back to defaults when the JSON is wrong.

    Frequently asked questions

    Popular searches

    launch handler apilaunch handler pwalaunchqueuelaunchqueue.setconsumerlaunchparamspwa launch handlerclient_modelaunch_handler manifestweb app launchinstalled pwa launchnavigate-newnavigate-existingfocus-existingpwa manifest generatorlaunch handler examplelaunch handler tutoriallaunch handler javascriptmdn launch handlerpwa deep linkinghandle pwa launchpwa file handlerslaunchparams filestargeturl launchshare target pwaweb app manifest launchpwa window managementpwa single windowpwa multiple windowschromium pwa apispwa capabilitiesproject fugufugu apislaunch handler caniuseis launch handler supportedlaunch handler chromelaunch handler typescriptpwa manifest validatormanifest json launch_handlertest pwa launchpwa launch eventapp launch parametershow pwa handles linkspwa link capturingpwa protocol handlerspwa url handlinginstalled web app apipwa development toolslearn pwa apisweb capabilities playgroundlaunch handler demopwa launch params

    More tools

    Algorithm Visualizer

    Watch sorting and searching animate step by step

    Alt Text Helper

    Write better image alt text with live feedback

    ARIA Reference

    Searchable ARIA roles and attributes guide

    Array Visualizer

    Step through map, filter, reduce like a debugger

    Coming soon

    CLI

    Coming soon

    Figma plugin

    Coming soon

    VS Code extension

    Coming soon

    Chrome extension

    Coming soon

    AI icon generator

    Coming soon

    Team workspaces

    Coming soon

    View all 10+ tools →