v139 · Web Apps · PWA

PWA Scope Inspector

Build a manifest scope_extensions block, test whether URLs fall inside the app window or escape to a browser tab, and generate the web-app-origin-association file each extended origin must serve.

scope inspector

manifest editor

URL scope checker

Enter a URL and click Check to test scope.
origin map

        
Cross-origin requirement: each origin listed in scope_extensions must serve a /.well-known/web-app-origin-association file that explicitly lists the app's origin. Without it, Chrome will not include the extended origin in scope — even if it appears in the manifest.
// manifest.webmanifest
{
  "name": "My App",
  "start_url": "https://app.example/home",
  "scope": "https://app.example/",
  "scope_extensions": [
    { "origin": "https://cdn.example.net" },
    { "origin": "https://support.example.com" }
  ]
}

// cdn.example.net/.well-known/web-app-origin-association
{
  "web_apps": [
    {
      "web_app_identity": "https://app.example/"
    }
  ]
}

see also