Home

Does “Install” make a website a PWA?

%3CLINGO-SUB%20id%3D%22lingo-sub-1035110%22%20slang%3D%22en-US%22%3EDoes%20%E2%80%9CInstall%E2%80%9D%20make%20a%20website%20a%20PWA%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1035110%22%20slang%3D%22en-US%22%3EThurrott.com%20reports%20today%20that%20Outlook.com%20and%20365%20OWA%20are%20converting%20to%20PWAs.%20If%20I%20%E2%80%9Cinstall%E2%80%9D%20these%20sites%20will%20they%20be%20PWAs%3F%20Or%20do%20I%20need%20to%20wait%20until%20seeing%20the%20little%20arrow%20in%20the%20right%20hand%20end%20of%20the%20search%20bar%20like%20Twitter%3F%3CBR%20%2F%3E%3CBR%20%2F%3EMy%20hunch%20is%20that%20the%20arrow%20means%20it%20will%20install%20as%20a%20PWA.%20Simply%20%E2%80%9Cinstalling%E2%80%9D%20a%20normal%20site%20wraps%20the%20webpage%20with%20magical%20JavaScript.%3CBR%20%2F%3E%3CBR%20%2F%3ECan%20someone%20please%20confirm%3F%20Thanks%20so%20much!!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1035283%22%20slang%3D%22en-US%22%3ERe%3A%20Does%20%E2%80%9CInstall%E2%80%9D%20make%20a%20website%20a%20PWA%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1035283%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F321392%22%20target%3D%22_blank%22%3E%40Watney%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eif%20you%20install%20any%20website%20as%20an%20app%2C%20Edge%20insider%20will%20treat%20them%20as%20a%20PWA%2C%20regardless%20of%20whether%20that%20website%20is%20actually%20a%20PWA%20(such%20as%20Spotify%20web%2C%20Google%20photos%2C%20outlook%20email%20etc)%20or%20just%20a%20normal%20web%20page%20like%20a%20Google%20search.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20style%3D%22width%3A%20582px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F159109iD00A1C7E6C748A2F%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Annotation%202019-11-27%20092131.png%22%20title%3D%22Annotation%202019-11-27%20092131.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1036276%22%20slang%3D%22en-US%22%3ERe%3A%20Does%20%E2%80%9CInstall%E2%80%9D%20make%20a%20website%20a%20PWA%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1036276%22%20slang%3D%22en-US%22%3EWhen%20you%20say%20%E2%80%9Ctreat%E2%80%9D%20does%20that%20mean%20the%20same%20in%20all%20instances%3F%20In%20other%20words%2C%20will%20Edge%20Insider%20make%20a%20non-PWA%20website%20into%20a%20PWA%3F%20Thanks%2C%20if%20you%20know%20what%20I%20mean%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1036277%22%20slang%3D%22en-US%22%3ERe%3A%20Does%20%E2%80%9CInstall%E2%80%9D%20make%20a%20website%20a%20PWA%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1036277%22%20slang%3D%22en-US%22%3E%3CP%3EAs%20a%20follow%20on%2C%20what%20are%20the%20benefits%20to%20%22Install%22%20a%20site%20versus%20open%20the%20site%20in%20a%20new%20tab%3F%20Thanks%20so%20much!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1036466%22%20slang%3D%22en-US%22%3ERe%3A%20Does%20%E2%80%9CInstall%E2%80%9D%20make%20a%20website%20a%20PWA%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1036466%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F321392%22%20target%3D%22_blank%22%3E%40Watney%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F321392%22%20target%3D%22_blank%22%3E%40Watney%3C%2FA%3E%26nbsp%3Bwrote%3A%3CBR%20%2F%3EWhen%20you%20say%20%E2%80%9Ctreat%E2%80%9D%20does%20that%20mean%20the%20same%20in%20all%20instances%3F%20In%20other%20words%2C%20will%20Edge%20Insider%20make%20a%20non-PWA%20website%20into%20a%20PWA%3F%20Thanks%2C%20if%20you%20know%20what%20I%20mean%3F%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3CP%3EWell%20the%20thing%20is%20the%20line%20between%20a%20PWA%20and%20a%20website%20is%20very%20thin%20and%20blurry%2C%3C%2FP%3E%3CP%3E%3CSTRONG%3Ein%20Edge%20insider%2C%20all%20websites%20are%20treated%20the%20same%20way%20when%20they%20are%20added%20as%20an%20app%20(or%20PWA).%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EEdge%20doesn't%20make%20a%20non-PWA%20into%20a%20PWA.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPWA%3A%3C%2FP%3E%3CP%3E%22%3CSPAN%3EA%20progressive%20web%20application%20is%20a%20type%20of%20application%20software%20delivered%20through%20the%20web%2C%20built%20using%20common%20web%20technologies%20including%20%3CSTRONG%3EHTML%2C%20CSS%20and%20JavaScript%3C%2FSTRONG%3E.%20It%20is%20intended%20to%20work%20on%20any%20platform%20that%20uses%20a%20standards-compliant%20browser.%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3B%22%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3Ethis%20is%20why%20I%20say%20the%20line%20between%20a%20PWA%20and%20a%20normal%20web%20site%20is%20blurry%20because%20both%20of%20them%20use%20the%20same%203%20programing%20languages.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3Ebut%20some%20of%20PWAs%20are%20obvious%20such%20as%20Spotify%20web%20player%2C%20Whatsapp%20web%2C%20Telegram%20web%2C%20Google%20Photos%20(maybe%3F)%2C%20Gmail%2C%20Outlook%20etc%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1036469%22%20slang%3D%22en-US%22%3ERe%3A%20Does%20%E2%80%9CInstall%E2%80%9D%20make%20a%20website%20a%20PWA%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1036469%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F321392%22%20target%3D%22_blank%22%3E%40Watney%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CBLOCKQUOTE%3E%3CHR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F321392%22%20target%3D%22_blank%22%3E%40Watney%3C%2FA%3E%26nbsp%3Bwrote%3A%3CBR%20%2F%3E%3CP%3EAs%20a%20follow%20on%2C%20what%20are%20the%20benefits%20to%20%22Install%22%20a%20site%20versus%20open%20the%20site%20in%20a%20new%20tab%3F%20Thanks%20so%20much!%3C%2FP%3E%3CHR%20%2F%3E%3C%2FBLOCKQUOTE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3Eit%20integrates%20into%20your%20system%20in%20the%20same%20way%20as%20a%20native%20app.%20In%20the%20case%20of%20Windows%2010%2C%20this%20results%20in%20the%20app%20showing%20up%20in%20the%20Start%20menu%20and%20within%20the%20Settings%20app.%20it%20will%20have%20its%20own%20window%2C%20its%20own%20icon%2C%20minimal%20UI%2C%20the%20notifications%20coming%20from%20that%20app%20is%20supposed%20to%20be%20more%20integrated%20into%20the%20OS%2C%20so%20for%20example%20Whatsapp%20app%20from%20Windows%20store%20and%20Whatsapp%20web%20PWA%20installed%20from%20Edge%20insider%20should%20produce%20the%20same%20type%20of%20native%20notifications%20in%20the%20Windows%2010%20action%20center.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Esome%20of%20these%20features%20are%20still%20in%20development%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FDiscussions%2FNeed-more-info-about-Web-Apps-Identity-Proxy%2Fm-p%2F1032125%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FDiscussions%2FNeed-more-info-about-Web-Apps-Identity-Proxy%2Fm-p%2F1032125%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1036493%22%20slang%3D%22en-US%22%3ERe%3A%20Does%20%E2%80%9CInstall%E2%80%9D%20make%20a%20website%20a%20PWA%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1036493%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3Bthanks%20so%20much!%20Appreciate%20you%20sharing%20your%20knowledge.%20And%2C%20thanks%20so%20much%20for%20your%20contributions%20to%20our%20community.%20You%20are%20everywhere!%20BTW%2C%20gota%20love%20your%20username.%20I'm%20not%20creative%20and%20would%20never%20come%20up%20with%20yours.%20Cheers%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1036557%22%20slang%3D%22en-US%22%3ERe%3A%20Does%20%E2%80%9CInstall%E2%80%9D%20make%20a%20website%20a%20PWA%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1036557%22%20slang%3D%22en-US%22%3EThanks%20%3AD%3C%2Fimg%3E%20appreciate%20the%20sweet%20words%20%5E%5E%3CBR%20%2F%3EI%20try%20to%20learn%20and%20then%20share%20back%20what%20I%20learned%20with%20others%3C%2FLINGO-BODY%3E
Watney
Contributor
Thurrott.com reports today that Outlook.com and 365 OWA are converting to PWAs. If I “install” these sites will they be PWAs? Or do I need to wait until seeing the little arrow in the right hand end of the search bar like Twitter?

My hunch is that the arrow means it will install as a PWA. Simply “installing” a normal site wraps the webpage with magical JavaScript.

Can someone please confirm? Thanks so much!!
7 Replies

Hi @Watney 

if you install any website as an app, Edge insider will treat them as a PWA, regardless of whether that website is actually a PWA (such as Spotify web, Google photos, outlook email etc) or just a normal web page like a Google search.

 

Annotation 2019-11-27 092131.png

 

When you say “treat” does that mean the same in all instances? In other words, will Edge Insider make a non-PWA website into a PWA? Thanks, if you know what I mean?

As a follow on, what are the benefits to "Install" a site versus open the site in a new tab? Thanks so much!

@Watney 


@Watney wrote:
When you say “treat” does that mean the same in all instances? In other words, will Edge Insider make a non-PWA website into a PWA? Thanks, if you know what I mean?

Well the thing is the line between a PWA and a website is very thin and blurry,

in Edge insider, all websites are treated the same way when they are added as an app (or PWA).

 

Edge doesn't make a non-PWA into a PWA.

 

PWA:

"A progressive web application is a type of application software delivered through the web, built using common web technologies including HTML, CSS and JavaScript. It is intended to work on any platform that uses a standards-compliant browser. "

 

this is why I say the line between a PWA and a normal web site is blurry because both of them use the same 3 programing languages.

 

but some of PWAs are obvious such as Spotify web player, Whatsapp web, Telegram web, Google Photos (maybe?), Gmail, Outlook etc

 

 

@Watney 


@Watney wrote:

As a follow on, what are the benefits to "Install" a site versus open the site in a new tab? Thanks so much!


 

 

it integrates into your system in the same way as a native app. In the case of Windows 10, this results in the app showing up in the Start menu and within the Settings app. it will have its own window, its own icon, minimal UI, the notifications coming from that app is supposed to be more integrated into the OS, so for example Whatsapp app from Windows store and Whatsapp web PWA installed from Edge insider should produce the same type of native notifications in the Windows 10 action center.

 

some of these features are still in development:

https://techcommunity.microsoft.com/t5/Discussions/Need-more-info-about-Web-Apps-Identity-Proxy/m-p/...

@HotCakeX thanks so much! Appreciate you sharing your knowledge. And, thanks so much for your contributions to our community. You are everywhere! BTW, gota love your username. I'm not creative and would never come up with yours. Cheers

Thanks :D appreciate the sweet words ^^
I try to learn and then share back what I learned with others