Microsoft Edge Pwa



Microsoft Edge browser based on Chromium also supports progressive Web Apps. In this article, we will be learning to install PWA in a very simple way. Install PWA on the new Edge browser. Free 5 GB of secure online storage for files and photos Easily share and co-author documents with others.

Table of contents

Progressive Web Apps are making waves on the way users use websites, and changing the app landscape as we know it. Users now have the option to use PWAs to browse offline and enjoy the app-like experience as well as app features which were previously exclusive to native apps right on their browser, without having to install a fifty-something megabytes app.

And as revealed in the Windows 10 PWA article, Microsoft has plans to improve PWA and make it a vital part of the Windows experience. Part by part, we’re seeing them lay out their plan in the new Microsoft Edge with the introduction of some new features.

Progressive Web App with the new Edge

The new Microsoft Edge is based on the Chromium open-source project so from the start, you should feel that it produces an experience similar to Google Chrome as they share the same rendering engine (Chromium) underneath. Compared to Edge legacy which has EdgeHTML as its rendering engine, the new Edge is significantly faster, more secure, and more compatible with PWAs.

Microsoft treats PWAs as a first-class citizen in their platform, which consequently means that PWAs in Edge are deeper integrated with the system, can utilize more of the system’s resources, and should feel barely different than a typical Windows application from the user’s perspective.

Progressive Web Apps have full access to Windows 10 feature APIs and can be installed across the entire UWP device family (including the more secure Windows 10 in S-mode devices) while still ensuring compatibility across other browsers and devices.

PwaWindows 10 and PWA: The Future of Software Delivery

Why Edge PWA is the new app experience

After trying the browser out, we find that Edge provides a more refined PWA experience compared to other browsers. Microsoft took what was good about existing PWA features (push notifications, add to home screen, offline capabilities, etc) and made it even better:

A native Windows experience

You get basically all the essential features of an app with Edge PWA, and this includes features like push notifications, offline capabilities, location services, and so on. Furthermore, since PWAs in Edge are deeply integrated with the Windows system, you can receive notifications system-wide and manage notifications in the Action Center like how would with a typical Windows application.

Easily manageable

When installed, the Edge PWA should behave just like a typical Windows application, and this means it is manageable via the Start menu, or via Settings > Apps.

Additionally, you could also manage your PWAs via your browser’s App Manager (Settings > Apps > Manage Apps), but we feel that rarely anyone ever utilizes this feature, and you should be better off using the Start menu to open, remove, or uninstall your PWAs instead.

How to install a PWA on Edge

Best way to know is to try. As an example, below we’ll try to install Office PWA:

Step 1: On Edge, go to office.com and look for the install button:


Step 2: Once installed, access the new Office app via either the Start menu or Edge’s Manage Apps section.

Step 3: Enjoy the newly installed PWA.

How to uninstall an Edge PWA

There are several ways to uninstall a PWA you previously installed with Edge.

Via Windows’ App Manager

Step 1: In Windows 10, go to Settings > Apps

Step 2: Choose the PWA you want to uninstall

Step 3: Click on Uninstall

Via the PWA itself

Step 1: On the installed PWA, click on the three dots

Step 2: From the drop-down options, choose Uninstall

Via Edge

Step 1: On Edge, go to Settings > Apps > Manage Apps

Step 2: Click X on the app that you want to uninstall.

Conclusion

PWAs are seeing some welcoming improvements in the new Edge browser, and we think this serves as a necessary step for the future. It’s only a matter of time before Google starts integrating to Chrome the same benefits and features found in Edge—and it’s no wonder, because PWA has the potential to be the next big thing.

Read more:

Spotify PWA: The Movement is Now

Google Photos PWA: The best PWA from Google yet

12 Best Examples of Progressive Web Apps (PWAs) in 2020

Is it helpful?

Let us know if you liked the post. That’s the only way we can improve.Luke VuA content writer with a passion for the English language.

Related Posts

10 Best Progressive Web Apps (PWAs) for E-Commerce 2021

Microsoft Edge For Mac

How Magento Merchants Have Improved Conversion with PWA Studio

11 Best Progressive Web Apps (PWAs) Games in 2021

Microsoft Edge Pwa Download

Subscribe0 Comments Inline Feedbacks
View all comments
-->

Thank you for your interest in Microsoft Edge. The following article summarizes content for the legacy product, which is no longer being updated. The new Microsoft Edge content replaces the content for the legacy product and is marked as recommended in the following tables.

New Microsoft Edge developer documentation

FeatureDetails
DevTools overview (recommended)Get to know the Microsoft Edge (Chromium) Developer Tools.
DevTools Protocol overview (recommended)Update to the Microsoft Edge DevTools Protocol.
Extensions overview (recommended)The overview for the Microsoft Edge (Chromium) Extensions. Build and publish browser extensions in general.
Progressive Web Apps overview (recommended)Progressive Web Apps (Chromium) run natively on Windows 10. Everything you need to know as a web developer.
WebView2 overview (recommended)Host web content in your Win32, .NET, and UWP apps with the Microsoft Edge WebView2 control.
Interoperability (Site compatibility) (recommended)Provides a summary of high-impact changes that may impact site compatibility.
WebDriver (recommended)Learn how to test your website or app in Microsoft Edge or automate the browser with WebDriver.

Legacy Microsoft Edge developer documentation

Microsoft Edge For Windows 7

Important

The legacy Microsoft Edge has been replaced with new Microsoft Edge.

FeatureDetails
Developer guide (not recommended)This article provides an overview of the developer features and standards included in Microsoft Edge.
Developer Tools overview (not recommended)Get to know the Microsoft Edge (EdgeHTML) Developer Tools.
Developer Tools Protocol overview (not recommended)Use the Microsoft Edge DevTools Protocol to inspect and debug the Microsoft Edge (EdgeHTML) browser.
Extensions overview (not recommended)Learn how to develop Microsoft Edge extensions. The small programs are used to add new features to Microsoft Edge or modify existing functionality.
Progressive Web Apps overview (not recommended)A Progressive Web App runs natively on Windows 10. Everything you need to know as a web developer.
WebView overview (not recommended)Host web content in your Windows 10 app with the WebView (EdgeHTML) control.
JavaScript runtime hosting overview (not recommended)The JavaScript Runtime (JsRT) APIs provide a way for desktop, Windows Store, and server-side apps. The APIs run on the Windows operating system to add scripting capabilities to an app using the standards-based Chakra JavaScript engine. The Chakra JavaScript engine is also utilized by legacy Microsoft Edge and Internet Explorer.
Performance Analysis overview (not recommended)Use F12 developer tools to analyze the general performance of websites.
WebDriver overview (not recommended)Learn how to get started with WebDriver. WebDriver is a wire protocol that allows programs and scripts to control the behavior of your web browser.
WebVR (not recommended)WebVR is an open standard JavaScript API that makes it possible to experience immersive 3D Virtual Reality (VR) apps using a web browser like Microsoft Edge and a supported VR headset.
Windows Runtime (WinRT) overview (not recommended)Use the Windows Runtime (WinRT) to call native Windows APIs from your JavaScript app.