Days
Hours
Minutes
Seconds

Black Friday/Cyber Monday/Christmas
Sale is here! 50% off on Everything for a very limited time!!!

Claim The Offer Now

How to Test PWA on Samsung Internet Browser

Looking to get testing with Progressive Web Apps (PWA) on Internet Browser?  Here’s a quick guide to know how to test PWA on Samsung Internet Browser. Samsung Internet uses Ambient Badging to let users know whether the website they are viewing can be installable as a web app. Ambient Badging allow the user to add it to their ‘Home screen’.

The criteria Samsung Internet uses to decide if the site is a Progressive Web App:

  • Served fully via HTTPS
  • Has a Web App Manifest
  • The Web App Manifest has name or short_name property
  • Has a Service Worker Registered
  • The Web App Manifest has start_url property 
  • The Web App Manifest has an icon property where size is at least 144×144
  • Display property should be set to standalone or fullscreen

As to test PWA on Samsung Internet, first of all make sure that you have cleared the browsing data of browser. It’s because sometimes the browsers cache web pages for loading the websites quickly, due to that the files that needed for PWA like manifest and Service Worker won’t get loaded in this case. If you have tried any service workers or PWA’s earlier the clearing of browsing data helps to resolve that case too.

How to clear the browsing data on Samsung Internet?

1) Tap on the Browser menu (3 dots at the top right corner of Internet Browser)
2) From the menu tap Settings, then a Internet Settings page will be loaded.
3) Within the Internet Settings Page tap on Privacy.
4) Once you tap Privacy, you can see another page with Delete Personal Data option. Tap it,then a pop-up will apper.
5) From the Delete Personal data, select Browsing history, Cache, Cookies and site data and tap DELETE.

 

How to test PWA on Samsung Internet?

1) Make sure that you have cleared the browsing data
2) Visit the website that you have installed PWA
3) Tap on the + icon at the left side of address bar

4) You can see two options once you tap the + symbol – Bookmarks and Homescreen
5) Tap on Homescreen,  then the  browser automatically generates a shortcut web icon upon your device based upon the icon that you have added in web manifest
6) Tap on the newly created icon, you can see the splash screen with the icon.
7) Navigate via some of the web pages, after that disconnect the internet on your device and close the web app
8) After that tap again the web app icon, you can notice that all the pages that you viewed earlier during online can be accessed and all the pages that you haven’t viewed will showed by an Offline page that you set upon the service worker.

If your website uses any caching plugins or addon’s or extensions don’t forget to clear the cache before testing. If you are using WordPress try our “Super Progressive Web Apps” WordPress plugin.

Hope the article helps to know how to test PWA on Samsung Internet Browser, if anything missing please do comment below so that we can add more details and make it more helpful for others.

Leave a Reply

Your email address will not be published. Please enter all fields.


Aneesh says:

Hi, I read and loved your article…however some of the information is outdated. Also though i followed the steps, Samsung Internet isn’t showing webapp download option. Please help me and guide me regarding the same.

Team SuperPWA says:

Hi Aneesh,

Will you please contact our technical team from here- https://superpwa.com/contact/ they will help you as soon as possible

Yudhi Kurniawan says:

Please help me! My installed PWA site can’t be launched on Samsung Internet Browser. It has been successfully installed as app but when I click its icon, it can’t be launched.
On Chrome Browser it is working fine.

Here is my PWA site url
https://hrms.dxn2u.com:8888/hrmslite/index.html 1

What’s wrong with my PWA site? I am very appreciate for any help.
Thank you…

Team SuperPWA says:

Hi Yudhi Kurniawan,

Will you please contact our technical team from here- https://superpwa.com/contact/ they will help you as soon as possible.

Team SuperPWA says:

Hi Aggiungi schermata Home mancante,

Will you please provide where you are having an issue so that we can check and please contact our technical team from here- https://superpwa.com/contact/ they will help you as soon as possible.

Articles Linking Here

  • Pingback: Aggiungi schermata Home mancante -Super Progressive Web Apps | Wordpress in Italiano
  • Stay Updated

    Learn more about Progressive Web Apps
    and get latest updates about SuperPWA

    we'll share our root password before we share your email with anyone else.
    💬 Any Query?