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 2: / Line 2: @@
 Using the web app you can add the app to your Home screen (on a mobile) or PC.
+Both are documented below:
+----
 ''''Mobile - iOS''''
@@ Line 7: / Line 11: @@
 * Click the Share button
-[[File:ios share.png]]
+[[File:ios share.png|180px]]
 * You will see the Share options - Select the "Add to Home Screen" option.
-[[File:share options.png]]
+[[File:share options.png|180px]]
 * Click Add
-[[File:add to home screen.png]]
+[[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''''
@@ Line 27: / 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 33: / 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]]