Everything you need to know about web apps on iOS
Did you know that you can install certain websites on your iPhone or iPad so that they work like a regular app? These web-based apps, also known as progressive web apps , are super easy to add to your Home Screen using either Safari or Chrome. In this wikiHow, we’ll teach you how to do it in a few simple steps. We’ll also explain how to enable push notifications for certain web apps, and how to uninstall these apps if you no longer want them.
Quick Steps
- Navigate to the website you want to install as a web app in Safari or Chrome.
- Click the Share icon.
- Select Add to home screen .
- Tap Add to confirm.
- Find the web app on your Home Screen and tap the icon to open it.
Steps
Section 1 of 5:
Installing Web Apps with Safari or Chrome
-
Open Safari or Chrome. You can install web apps from either Safari or Chrome, and the instructions for doing so are almost exactly the same for both browsers.
-
Navigate to a website that offers web app functionality. Currently, only a small selection of sites offer true web apps, but any site can be added as an "app" (or bookmark) on the Home Screen. [1] X Research source
- If the website does not have a web app, then the site will open in a browser window instead when you try to launch it.
- You can find a directory of web apps here .
Advertisement -
Tap on the share icon. This will open a menu of options for sharing the website.
- In Chrome, this button is located at the top of the screen, on the right side of the address bar.
- In Safari, this icon is at the bottom center of the screen on an iPhone, and at the top right side of the screen on an iPad.
-
Click on Add to home screen . You may need to scroll down to find this option. This will open a dialog box.
-
Enter the app name and choose Add . This will download the web app to your iPhone or iPad.
- A name for the app may already be filled in, but you can change it if you like.
-
Locate and open the web app. You will find your newly installed web app on the Home Screen . It will have been installed in the first available open spot, so you may have to scroll across to find it. You can open it by tapping it, just like any other app.
- If the website is available as a true web app, it will open as an app on your iPhone or iPad. If the website doesn’t have web app functionality, it will open as a webpage in your default browser instead. [2] X Research source
Advertisement
Section 2 of 5:
Enabling Push Notifications
-
Make sure your device is running iOS/iPadOS 16.4 or later. If your device’s iOS is up to date, you can enable push notifications from certain web apps, just like with a native iOS app! To check your current version of iOS (and install updates, if necessary), go to Settings > General > Software Update . If you’re running a version of iOS/iPad OS earlier than 16.4, select the latest available update or upgrade and install it .
- This will only work if the developer of the web app has enabled push notification functionality for their app.
-
Look for a setting on the web app to enable push notifications. This may be something like a “Subscribe” button or a toggle to turn on push notifications. What you see will vary from one web app to another, so you might need to do some exploring to find it.
- Keep in mind that not every web app will have an option like this.
-
Tap Allow in the permissions pop up. A window will pop up telling you that the web app wants to send you notifications. Tap Allow to enable notifications.
-
Make adjustments in Settings. If you want to revoke or change notification permissions for a web app, or change the style of the notifications you receive, you can do that in the Settings app.
- Go to Settings > Notifications and locate the web app. From there, you can toggle Allow Notifications on or off, adjust your notification sounds and banner style, and adjust how notifications appear on the Lock Screen.
Advertisement
Section 3 of 5:
Deleting Web Apps
-
Touch and hold the web app icon. You can delete web apps just like any other application. To get started, locate the app on your Home Screen, then touch and hold the icon until a menu pops up. [3] X Research source
-
Select Delete Bookmark . Even if it’s a true web app rather than a bookmarked webpage, it will still be described as a “bookmark” in the popup.
-
Tap Delete to confirm. This will delete both the web app and any associated data.
Advertisement
Expert Q&A
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
Advertisement
Video
Tips
Submit a Tip
All tip submissions are carefully reviewed before being published
Name
Please provide your name and last initial
Thanks for submitting a tip for review!
References
- ↑ https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps
- ↑ https://support.google.com/chrome/answer/9658361?co=GENIE.Platform%3DiOS&oco=1 ).
- ↑ https://support.google.com/chrome/answer/9658361?hl=en&co=GENIE.Platform%3DiOS
- ↑ https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps
About This Article
Thanks to all authors for creating a page that has been read 41,113 times.
Advertisement