PWA: Difference between revisions

Latest revision as of 10:00, 28 November 2025

PWA - Progressive Web App

Using the web app you can add the app to your Home screen (on a mobile) or PC.

Both are documented below:

'Mobile - iOS'

The app will now appear like a native app on your screen. When you open it then it will appear in the full screen.

'PC'

Open your browser and navigate to

and you will see an icon

clicking this prompts to install this app.

Clicking "Install" puts an icon on your desktop

and when you run this it opens in its own window

@@ Line 3: / Line 3: @@
 Using the web app you can add the app to your Home screen (on a mobile) or PC.
-Mobile - iOS
+Both are documented below:
-PC
+----
+''''Mobile - iOS''''
+* Click the Share button
+[[File:ios share.png|180px]]
+* You will see the Share options - Select the "Add to Home Screen" option.
+[[File:share options.png|180px]]
+* Click Add
+[[File:add to home screen.png|180px]]
+The app will now appear like a native app on your screen. When you open it then it will appear in the full screen.
+----
+''''PC''''
 Open your browser and navigate to
@@ Line 13: / Line 33: @@
 and you will see an icon
-iage here
+[[File:pwa install app on pc.png|250px]]
 clicking this prompts to install this app.
@@ Line 19: / Line 39: @@
 Clicking "Install" puts an icon on your desktop
-image
+[[File:pwa icon on pc.png]]
 and when you run this it opens in its own window
-image
+[[File:pwa app on pc.png|180px]]