title: How to correctly define "scope" setting in Mobile Web Application manifest.json
body: <p>I am trying to configure the manifest.json file correctly for my web app, so that it stays as a "standalone" feel when opened from the home screen icon.</p>
  
  <p>The application is defined as a set of "pages" within the base URL: url.xyz/page1, url.xyz/page2, url.xyz/page3 etc...</p>
  
  <p>Android 6 Chrome 54 properly handles this, and doesn't break the native experience when navigating between these pages.  However, iOS 10.0.2 Safari doesn't handle it properly and launches a browser each time any link is selected.</p>
  
  <p>Currently I have defined scope as:</p>
  
  <p>"scope": "/"</p>
  
  <p>Which I assume indicates to allow the root directory and subdirectories. But I can't find consistent documentation to indicate whether the scope applies in this way, or whether any pages without extensions would appear as subdirectories, thus being "out-of-scope" and triggering a browser to open.  I can't find support or documentation on wildcards such as "scope":"/*" etc... which would allow all sub-pages and subdirectories to be included in the scope.</p>
  
  <p>Can anyone clarify this and possibly explain how to do this properly?</p>
  
  <p>Thanks!</p>