Home▸Computer Science▸PWA Installability Explorer

PWA Installability Explorer

Interactive 2D simulator of a Progressive Web App's installability rules: toggle HTTPS, manifest, icons and service-worker criteria, compare how Chrome/Edge, Safari and Firefox each treat the same PWA, and track a live install funnel.

Computer Science2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-pwa-implementation ↗ Open standalone

A Progressive Web App only becomes installable when a set of criteria hold true at the same moment — but which criteria matter, and how the browser reacts, depends entirely on which browser your visitor is using. This 2D simulator renders Chrome's own installability rule (HTTPS, a valid Web App Manifest, icons at 192px and 512px, and a registered service worker with a fetch handler) as four toggleable badges around a phone mockup, then lets you compare the exact same PWA against Chrome/Edge's automatic beforeinstallprompt banner, Safari's manual Share-sheet install, and Firefox's total lack of a native install UI. A running visitor funnel shows how many simulated users actually get offered an install and how many accept it, so you can see how a single missing criterion — or a browser choice — changes the outcome instantly.

⚙ Under the hood

A 2D simulator of Progressive Web App installability: toggle HTTPS, manifest, icon and service-worker criteria, compare how Chrome/Edge, Safari and Firefox each gate installation differently, and watch a live visitor-to-install funnel respond.

pwaweb-app-manifestservice-workerinstallabilitybrowser-compatibilitycomputer-science2d

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)