How to Install and Uninstall a Progressive Web Application in Microsoft Edge

%3CLINGO-SUB%20id%3D%22lingo-sub-1779046%22%20slang%3D%22en-US%22%3EHow%20to%20Install%20and%20Uninstall%20a%20Progressive%20Web%20Application%20in%20Microsoft%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1779046%22%20slang%3D%22en-US%22%3E%3CH3%20id%3D%22toc-hId-1260057388%22%20id%3D%22toc-hId-1260057387%22%20id%3D%22toc-hId-1260057387%22%20id%3D%22toc-hId-1260057387%22%3EWhat%20is%20a%20Progressive%20Web%20Application%3F%3C%2FH3%3E%3CP%3EA%20Progressive%20Web%20application%20(PWA)%20is%20a%26nbsp%3B%3CSPAN%3Etype%20of%26nbsp%3B%3C%2FSPAN%3Eapplication%20software%20delivered%20through%20the%20web.%3CSPAN%3E%26nbsp%3BIt%20is%20intended%20to%20work%20on%20any%20platform%20that%20uses%20a%20standards-compliant%20browser%2C%20including%20both%20desktop%20and%20mobile%20devices.%20In%20Microsoft%20Edge%2C%20you%20can%20also%20make%20a%20normal%20website%20as%20an%20application.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CH3%20id%3D%22toc-hId--547397075%22%20id%3D%22toc-hId--547397076%22%20id%3D%22toc-hId--547397076%22%20id%3D%22toc-hId--547397076%22%3E%3CSPAN%3EInstalling%20a%20Progressive%20Web%20Application%20if%20the%20website%20developer%20has%20made%20it%3C%2FSPAN%3E%3C%2FH3%3E%3CP%3E%3CSPAN%3EIf%20you%20want%20to%20install%20a%20Progressive%20Web%20Application%20which%20was%20built%20by%20the%20developer%20in%20advance%20(You%20can%20check%20it%20by%20going%20to%20the%20right-hand%20side%20of%20your%20address%20bar%20and%20checking%20a%20plus%20icon)%3C%2FSPAN%3E%3CSPAN%3E.%20Then%20you%20can%20install%20it%20by%20following%20the%20steps%20given%20below%3A%3C%2FSPAN%3E%3C%2FP%3E%3COL%3E%3CLI%3E%3CSPAN%3EGo%20to%20the%20website%20of%20which%20you%20want%20to%20download%20the%20PWA.%3C%2FSPAN%3E%3C%2FLI%3E%3CLI%3E%3CSPAN%3EGo%20and%20check%20the%20right-hand%20side%20of%20your%20taskbar%20and%20click%20the%20install%20PWA%20(plus)%20button.%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222020-10-14%20(2).png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F226628i18DD24E93258D876%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%222020-10-14%20(2).png%22%20alt%3D%222020-10-14%20(2).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FLI%3E%3CLI%3E%3CSPAN%3EAfter%20clicking%20the%20icon%2C%20a%20popup%20will%20appear%20where%20it%20will%20ask%20if%20you%20want%20to%20install%20the%20application.%20Click%20install%20to%20install%20it%20and%20the%20Web%20App%20will%20be%20installed.%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222020-10-14%20(3).png%22%20style%3D%22width%3A%20418px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F226629iF30B1CED8EF63626%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%222020-10-14%20(3).png%22%20alt%3D%222020-10-14%20(3).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FLI%3E%3C%2FOL%3E%3CH3%20id%3D%22toc-hId-1940115758%22%20id%3D%22toc-hId-1940115757%22%20id%3D%22toc-hId-1940115757%22%20id%3D%22toc-hId-1940115757%22%3E%3CSPAN%3EInstalling%20a%20PWA%20from%20a%20standard%20website%3C%2FSPAN%3E%3C%2FH3%3E%3CP%3E%3CSPAN%3EIf%20you%20want%20to%20install%20a%20PWA%20of%20a%20website%20but%20the%20web%20developer%20of%20that%20website%20has%20not%20made%20it%2C%20Microsoft%20Edge%20has%20an%20exclusive%20feature%20to%20make%20a%20standard%20website%20as%20an%20app.%20We%20will%20see%20how%20to%20make%20one%20below%3A%3C%2FSPAN%3E%3C%2FP%3E%3COL%3E%3CLI%3E%3CSPAN%3EGo%20to%20the%20homepage%20of%20the%20website%20you%20want%20to%20install%20it%20as%20a%20PWA.%3C%2FSPAN%3E%3C%2FLI%3E%3CLI%3E%3CSPAN%3EOpen%20the%20Ellipsis%20(...)%20Menu%2C%20then%20open%20the%20Apps%20menu%20and%20click%20Install%20this%20site%20as%20an%20app%20option.%26nbsp%3B%20%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222020-10-14%20(5).png%22%20style%3D%22width%3A%20499px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F226631i8106AE582A24E71F%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%222020-10-14%20(5).png%22%20alt%3D%222020-10-14%20(5).png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FLI%3E%3CLI%3E%3CSPAN%3EA%20dialog%20box%20will%20appear%20which%20will%20ask%20that%20what%20should%20be%20the%20name%20of%20the%20PWA%20which%20will%20be%20installed.%20By%20default%2C%20the%20name%20is%20the%20title%20of%20the%20webpage%20and%20you%20can%20change%20it%20by%20clicking%20the%20text%20box.%20Then%20click%20install%20to%20install%20the%20site%20as%20a%20PWA.%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222020-10-14%20(7).png%22%20style%3D%22width%3A%20435px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F226632i8EBB5F0AF455469C%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%222020-10-14%20(7).png%22%20alt%3D%222020-10-14%20(7).png%22%20%2F%3E%3C%2FSPAN%3E%26nbsp%3B%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FLI%3E%3C%2FOL%3E%3CP%3E%3CSPAN%3EThe%20Website%20is%20now%20installed%20as%20a%20PWA%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222020-10-14%20(8).png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F226633iE3413695D248C00D%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%222020-10-14%20(8).png%22%20alt%3D%22PWA%20of%20Microsoft%20Tech%20Community%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EPWA%20of%20Microsoft%20Tech%20Community%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CH3%20id%3D%22toc-hId-132661295%22%20id%3D%22toc-hId-132661294%22%20id%3D%22toc-hId-132661294%22%20id%3D%22toc-hId-132661294%22%3E%3CSPAN%3EHow%20to%20uninstall%20a%20PWA%3C%2FSPAN%3E%3C%2FH3%3E%3COL%3E%3CLI%3E%3CSPAN%3ETo%20uninstall%20a%20PWA%2C%20go%20to%20manage%20apps%20page%20(edge%3A%2F%2Fapps).%3C%2FSPAN%3E%3C%2FLI%3E%3CLI%3E%3CSPAN%3EGo%20to%20the%20app%20you%20want%20to%20uninstall%20and%20click%20the%20cross%20button%20on%20the%20right.%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222020-10-14%20(11)_LI.jpg%22%20style%3D%22width%3A%20832px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F226634i2EAE5D5E63B09118%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%222020-10-14%20(11)_LI.jpg%22%20alt%3D%222020-10-14%20(11)_LI.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FLI%3E%3CLI%3E%3CSPAN%3EA%20dialog%20box%20will%20appear%20which%20will%20ask%20if%20you%20want%20to%20remove%20the%20Progressive%20Web%20Application%20from%20Microsoft%20Edge.%20It%20will%20also%20ask%20if%20you%20want%20to%20delete%20the%20browsing%20data%20from%20the%20PWA%20on%20Microsoft%20Edge.%20If%20you%20are%20sure%20you%20want%20to%20uninstall%2C%20click%20remove.%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%222020-10-14%20(13).png%22%20style%3D%22width%3A%20433px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F226635i6B75DA512DB0B23A%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%222020-10-14%20(13).png%22%20alt%3D%222020-10-14%20(13).png%22%20%2F%3E%3C%2FSPAN%3E%26nbsp%3B%26nbsp%3B%3C%2FSPAN%3E%3C%2FLI%3E%3C%2FOL%3E%3CH3%20id%3D%22toc-hId--1674793168%22%20id%3D%22toc-hId--1674793169%22%20id%3D%22toc-hId--1674793169%22%20id%3D%22toc-hId--1674793169%22%3E%3CSPAN%3EI%20hope%20that%20this%20article%20will%20help%20users%20to%20use%20Progressive%20Web%20Applications%20on%20Microsoft%20Edge.%3C%2FSPAN%3E%3C%2FH3%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1779046%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EMicrosoft%20Edge%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Eprogressive%20web%20app%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1786087%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20Install%20and%20Uninstall%20a%20Progressive%20Web%20Application%20in%20Microsoft%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1786087%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F537238%22%20target%3D%22_blank%22%3E%40TheShaunSaw%3C%2FA%3E%26nbsp%3BLove%20this%20write-up!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CI%3EFawkes%20(they%2Fthem)%3CBR%20%2F%3EProgram%20Manager%20%26amp%3B%20Community%20Manager%20-%20Microsoft%20Edge%3CI%3E%3C%2FI%3E%3C%2FI%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Valued Contributor

What is a Progressive Web Application?

A Progressive Web application (PWA) is a type of application software delivered through the web. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices. In Microsoft Edge, you can also make a normal website as an application.

 

Installing a Progressive Web Application if the website developer has made it

If you want to install a Progressive Web Application which was built by the developer in advance (You can check it by going to the right-hand side of your address bar and checking a plus icon). Then you can install it by following the steps given below:

  1. Go to the website of which you want to download the PWA.
  2. Go and check the right-hand side of your taskbar and click the install PWA (plus) button.              2020-10-14 (2).png
  3. After clicking the icon, a popup will appear where it will ask if you want to install the application. Click install to install it and the Web App will be installed.                                                                 2020-10-14 (3).png

Installing a PWA from a standard website

If you want to install a PWA of a website but the web developer of that website has not made it, Microsoft Edge has an exclusive feature to make a standard website as an app. We will see how to make one below:

  1. Go to the homepage of the website you want to install it as a PWA.
  2. Open the Ellipsis (...) Menu, then open the Apps menu and click Install this site as an app option.  2020-10-14 (5).png
  3. A dialog box will appear which will ask that what should be the name of the PWA which will be installed. By default, the name is the title of the webpage and you can change it by clicking the text box. Then click install to install the site as a PWA.                                                                    2020-10-14 (7).png   

The Website is now installed as a PWA

 

PWA of Microsoft Tech CommunityPWA of Microsoft Tech Community

How to uninstall a PWA

  1. To uninstall a PWA, go to manage apps page (edge://apps).
  2. Go to the app you want to uninstall and click the cross button on the right.                                    2020-10-14 (11)_LI.jpg
  3. A dialog box will appear which will ask if you want to remove the Progressive Web Application from Microsoft Edge. It will also ask if you want to delete the browsing data from the PWA on Microsoft Edge. If you are sure you want to uninstall, click remove.                                                2020-10-14 (13).png  

I hope that this article will help users to use Progressive Web Applications on Microsoft Edge.

2 Replies

@TheShaunSaw Love this write-up!

 

Fawkes (they/them)
Program Manager & Community Manager - Microsoft Edge