5 Best Ways to Install and Uninstall PWAs in Chrome

5 Best Ways to Install and Uninstall PWAs in Chrome
I find Progressive Web Apps (PWA) to be an absolute explosion to work with. They load stuff quickly, feel incredibly responsive, and stay functional even when network connectivity is not the best – some PWAs also work completely offline. But what's best is that with Google Chrome, I can have them "installed" on my PC and Mac.

Install Uninstall Pwa in Chrome Featured "width =" 1392 "height =" 824 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset = "https://cdn.guidingtech.com/imager/media/assets/2019/12/249121/Install-Uninstall-Pwa-in-Chrome-Featured_4d470f76dc99e18ad75087b1b8410ea9.png?1576590441 1392w, https://cdn.guidingtech.com/ imager /media/assets/2019/12/249121/Install-Uninstall-Pwa-in-Chrome-Featured_935adec67b324b146ff212ec4c69054f.png?1576590491 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249121 / Install-Uninstall-Pwa-in-Chrome-Featured_40dd5eab97016030a3870d712fd9ef0f.png? 1576590492 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249121/Install-Uninstall-Pwa-in-Chrome-F9127fc3a7fc1 .png? 1576590492 340w

Although they work on a Chrome wrapper, PWAs seem to work like any other application. They present their icons on the desktop, completely remove the address bar and tabs from Chrome and allow a completely immersive experience.

Chrome offers several ways to install and uninstall PWAs on Windows and macOS. Let me explain all the best ways to do it.

Installation of progressive web applications

The actual process of installing a progressive web application in Google Chrome is not at all complicated. However, not all sites have progressive web apps. So you must first load a site to determine if it has PWA functionality. The first two methods listed below will not work otherwise.

But if your favorite site is not a progressive web application, don't worry. Chrome lets you convert any site to PWA using the Create Shortcut feature. While you might not expect the advanced features that you would normally receive from actual progressive web applications, they work quite similarly. The third method on this list will help you do this.

1. "Install" option on the address bar

The easiest way to install a progressive web app in Chrome is to use the Install icon in the address bar. Provided that the site supports PWA functionality, wait until the page is fully loaded, then click the "+" icon to the right of the URL bar.

Install Uninstall Pwa in Chrome 1 "width =" 713 "height =" 374 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249108/Install-Uninstall-Pwa-in-Chrome-1_4d470f76dc99e18ad75087b1b8410ea9.png?1576590492 713w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249108/Install-Uninstall-Pwa-in-Chrome-1_935adec67b324b146ff212ec4c69054f.png?1576590492 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249108/ install-Uninstall-Pwa-in-Chrome 1_40dd5eab97016030a3870d712fd9ef0f.png? 1576590492 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249108/Install-Uninstall-Pwa-in-Chrome-1_7c4a3f1a1f29 .png? 1576590492 340w

In the Install Application confirmation box that appears later, click Install. This should prompt Chrome to install the site as a progressive web application. You can find it immediately on the desktop.

Install Uninstall Pwa in Chrome 2 "width =" 713 "height =" 380 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249109/Install-Uninstall-Pwa-in-Chrome-2_4d470f76dc99e18ad75087b1b8410ea9.png?1576590492 713w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249109/Install-Uninstall-Pwa-in-Chrome-2_935adec67b324b146ff212ec4c69054f.png?1576590492 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249109/ install-Uninstall-Pwa-in-Chrome 2_40dd5eab97016030a3870d712fd9ef0f.png? 1576590493 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249109/Install-Uninstall-Pwa-in-Chrome-2_7c4a3ef1f1a29f .png? 1576590493 340w

2. "Install" option in the Chrome menu

Another easy method to install progressive web apps is to use the Chrome menu. Once the site is loaded, open the Chrome menu, then click Install "site name".

Install Uninstall Pwa in Chrome 3 "width =" 716 "height =" 461 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249110/Install-Uninstall-Pwa-in-Chrome-3_4d470f76dc99e18ad75087b1b8410ea9.png?1576590493 716w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249110/Install-Uninstall-Pwa-in-Chrome-3_935adec67b324b146ff212ec4c69054f.png?1576590493 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249110/ install-Uninstall-Pwa-in-Chrome 3_40dd5eab97016030a3870d712fd9ef0f.png? 1576590493 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249110/Install-Uninstall-Pwa-in-Chrome-3_7c4a1eb1c1a29f .png? 1576590493 340w

Once again, you will be greeted by a confirmation window. Click Install to install the site on your computer.

Install Uninstall Pwa in Chrome 4 "width =" 710 "height =" 374 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249111/Install-Uninstall-Pwa-in-Chrome-4_4d470f76dc99e18ad75087b1b8410ea9.png?1576590493 710w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249111/Install-Uninstall-Pwa-in-Chrome-4_935adec67b324b146ff212ec4c69054f.png?1576590493 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249111/ install-Uninstall-Pwa-in-Chrome 4_40dd5eab97016030a3870d712fd9ef0f.png? 1576590494 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249111/Install-Uninstall-Pwa-in-Chrome-4_7c4a1f3a1f1a29f .png? 1576590494 340w

This method is especially useful if you don't see the Install icon in the URL in the first method. Therefore, it is always worth checking the Chrome menu to determine if the site supports PWA functionality.

3. Installation using the Create Shortcut option

Chrome also includes the ability to install any website as a forceful progressive web app. You can do this using the Create Shortcut feature found in the Chrome menu. You can also use this method to install real PWAs, but the two methods above are much more practical in this regard.

Start by opening the Chrome menu. Point to More Tools, then click Create Shortcut.

Install Uninstall Pwa in Chrome 5 "width =" 782 "height =" 503 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249112/Install-Uninstall-Pwa-in-Chrome-5_4d470f76dc99e18ad75087b1b8410ea9.png?1576590494 782w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249112/Install-Uninstall-Pwa-in-Chrome-5_935adec67b324b146ff212ec4c69054f.png?1576590494 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249112/ install-Uninstall-Pwa-in-Chrome 5_40dd5eab97016030a3870d712fd9ef0f.png? 1576590498 500 w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249112/Install-Uninstall-Pwa-in-Chrome-5_7c4a1f3a1f29 .png? 1576590499 340w

Check the box next to Open as window, then click Create to add a shortcut to the website.

Install Uninstall Pwa in Chrome 6 "width =" 839 "height =" 404 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249113/Install-Uninstall-Pwa-in-Chrome-6_4d470f76dc99e18ad75087b1b8410ea9.png?1576590500 839w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249113/Install-Uninstall-Pwa-in-Chrome-6_935adec67b324b146ff212ec4c69054f.png?1576590502 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249113/ install-Uninstall-Pwa-in-Chrome 6_40dd5eab97016030a3870d712fd9ef0f.png? 1576590502 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249113/Install-Uninstall-Pwa-in-Chrome-6_7c4f3a1f29 .png? 1576590495 340w

NOTtakes away: If you don't check the box next to Open as window, the shortcut you create won't open in a dedicated Chrome window.

Uninstalling progressive web applications

Although PWAs are "installed" on your PC or Mac, they are not fully integrated into the operating system. So you can't uninstall them like regular Windows or macOS apps, although that may be a possibility at a later date.

Simply removing icons from the desktop won't cut it either, because Chrome will always assume that you've installed them. Instead, here are the two suitable methods that you can follow to remove PWA from your PC or Mac.

1. "Uninstall" option in the PWA menu

Open the PWA application you want to delete, then click on the three-dot icon in the upper right corner of the screen. In the menu that appears, click Uninstall "application name".

Install Uninstall Pwa in Chrome 8 "width =" 695 "height =" 350 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249115/Install-Uninstall-Pwa-in-Chrome-8_4d470f76dc99e18ad75087b1b8410ea9.png?1576590495 695w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249115/Install-Uninstall-Pwa-in-Chrome-8_40dd5eab97016030a3870d712fd9ef0f.png?1576590507 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249115/ install-Uninstall-Pwa-in-Chrome 8_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1576590507 340w

Then you will come across a confirmation prompt. Check the box next to Clear Chrome Data also if you want to delete the navigation data and cookies related to the PWA app. This is great for troubleshooting purposes and can help resolve issues caused by an outdated browser cache.

Otherwise, leave the box unchecked. Click Remove to uninstall the PWA.

Install Uninstall Pwa in Chrome 9 "width =" 854 "height =" 416 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249116/Install-Uninstall-Pwa-in-Chrome-9_4d470f76dc99e18ad75087b1b8410ea9.png?1576594628 854w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249116/Install-Uninstall-Pwa-in-Chrome-9_935adec67b324b146ff212ec4c69054f.png?1576594629 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249116/ install-Uninstall-Pwa-in-Chrome 9_40dd5eab97016030a3870d712fd9ef0f.png? 1576594629 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249116/Install-Uninstall-Pwa-in-Chrome-9_7c4a1f1f29 .png? 1576594629 340w

2. Uninstall using the application launcher

The Google Chrome app launcher also allows you to uninstall PWAs. If you have already removed the desktop icon for the PWA, this provides the perfect way to uninstall the application completely.

Type chrome: // apps in the address bar, then press Enter to display the application launcher.

Install Uninstall Pwa in Chrome 10 "width =" 791 "height =" 449 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249117/Install-Uninstall-Pwa-in-Chrome-10_4d470f76dc99e18ad75087b1b8410ea9.png?1576590509 791w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249117/Install-Uninstall-Pwa-in-Chrome-10_935adec67b324b146ff212ec4c69054f.png?1576590510 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249117/ install-Uninstall-Pwa-in-Chrome 10_40dd5eab97016030a3870d712fd9ef0f.png? 1576590496 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249117/Install-Uninstall-Pwa-in-Chrome-10_7c4a1f3a1f29 .png? 1576590511 340w

Right-click the PWA in the list of applications, and then click Remove from Chrome.

Install Uninstall Pwa in Chrome 11 "width =" 767 "height =" 503 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249118/Install-Uninstall-Pwa-in-Chrome-11_4d470f76dc99e18ad75087b1b8410ea9.png?1576590513 767w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249118/Install-Uninstall-Pwa-in-Chrome-11_935adec67b324b146ff212ec4c69054f.png?1576590514 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249118/ install-Uninstall-Pwa-in-Chrome 11_40dd5eab97016030a3870d712fd9ef0f.png? 1576590515 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249118/Install-Uninstall-Pwa-in-Chrome-11_7c4a3ef1f1a29f .png? 1576590496 340w

Click Delete to confirm. After that, check the box next to Clear Chrome Data Also if you want to clear the browser cache from the PWA.

Install Uninstall Pwa in Chrome 12 "width =" 743 "height =" 446 "data-sizes =" auto "sizes =" (min-width: 976px) 700px, (min-width: 448px) 75vw, 90vw "srcset =" https://cdn.guidingtech.com/imager/media/assets/2019/12/249119/Install-Uninstall-Pwa-in-Chrome-12_4d470f76dc99e18ad75087b1b8410ea9.png?1576590517 743w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249119/Install-Uninstall-Pwa-in-Chrome-12_935adec67b324b146ff212ec4c69054f.png?1576590518 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249119/ install-Uninstall-Pwa-in-Chrome 12_40dd5eab97016030a3870d712fd9ef0f.png? 1576590519 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249119/Install-Uninstall-Pwa-in-Chrome-12_7c4a1ef1f1a29f .png? 1576590497 340w

Point: The app launcher also provides the means to add deleted PWA icons to the desktop. Right-click the application, and then click Create Shortcuts to do this.

Love them or hate them

Progressive web applications are game-changers. I love the fact that I can focus on a task without being distracted by dozens of Chrome tabs. But PWAs are still rare, so don't forget to “ force '' & #39; & #39; Chrome to create applications for sites that do not yet support the functionality. But of course, not all progressive web apps are the best, so be sure to delete the ones that don't offer anything special.

Then: Are you constantly experiencing boring web page elements? Here are five amazing Chrome extensions to block them.

Leave a Reply