/web-app-experiments

Experimenting with web app configuration

Primary LanguageHTML

Web App Experiments

I strongly advocate progressive web apps and I have faced countless challenges configuring them, particularly with iOS. So, I created this repo to conduct a few experiments.

References:

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6

Experiment 1

  • Goal: Configure a launch image

  • OS: iOS 10.2.1

  • Background

    Apple's documentation indicates that we can specify a launch screen image with a <link rel="apple-touch-startup-image"> tag.

Add Web App 1 to your home screen.

  • Result: The launch screen image does not show up.

Experiment 2

  • Goal: Test switching between "running" web apps
  • OS: iOS 10.2.1

Add Web Apps to your home screen:

Open them from the home screen and switch between them in the app switcher. The app that opens doesn't always correspond with the app that was chosen in the app switcher. Here's a video:

iOS App Switch