大多數(shù)人應(yīng)該都聽(tīng)說(shuō)了微軟已經(jīng)著手在Windows商店中增加PWA，這是一個(gè)重磅消息！

 

漸進(jìn)增強(qiáng)式Web應(yīng)用即將在Win10系統(tǒng)上線，我們已經(jīng)準(zhǔn)備好了！圖片來(lái)源：ashleymcnamara

作為制定Web App Manifest規(guī)則的聯(lián)合編輯，Kenneth一直參與到相關(guān)規(guī)則的制定中。實(shí)際上，微軟是最早關(guān)注Web App Manifest的公司之一，最開(kāi)始使用他們的Manifold工具，然后轉(zhuǎn)為使用http://PWAbuilder.com。自從首個(gè)ManifoldJS發(fā)布之后，Marcos Caceres和Kenneth進(jìn)行了聯(lián)系，并結(jié)識(shí)了Jeff Burtoft。這一系列的事件推動(dòng)了谷歌在該方面與微軟的合作，最終改進(jìn)了Manifest，以便它在Windows商店和桌面應(yīng)用上取得更好表現(xiàn)。

幾年前，谷歌在Chrome OS中添加了一些“add to shelf”的支持，這是一次實(shí)驗(yàn)性的改進(jìn)，存在很多不完善的地方。但是在很長(zhǎng)一段時(shí)間里都能正常使用。因此Kenneth提到，當(dāng)2017年Owen Campbell-Moore在舊金山的chrome Dev峰會(huì)上發(fā)表演講時(shí)他感到非常激動(dòng)。

 

Owen還提到谷歌將擴(kuò)展PWA的使用范圍，將PWA最終推廣到其所有平臺(tái)的桌面系統(tǒng)。更加重要的是，他們不僅添加了桌面支持，還開(kāi)放了其API。如今，許多團(tuán)隊(duì)(比如Slack和VSCode)都使用了類似的方法，利用Electron將他們的Web應(yīng)用封裝到一個(gè)原生容器中，然后開(kāi)放原生API。

這種方法存在一個(gè)弊端，由于瀏覽器中存在很多公開(kāi)的安全漏洞，用戶的安全問(wèn)題會(huì)面臨威脅。雖然大多數(shù)漏洞會(huì)被瀏覽器供應(yīng)商及時(shí)解決，但是使用Electron封裝的版本通常更新較慢。這就會(huì)導(dǎo)致用戶需要承受更多的風(fēng)險(xiǎn)。而桌面PWA支持則可以解決這個(gè)問(wèn)題，前提是開(kāi)發(fā)人員可以訪問(wèn)他們需要修改部分的API。

Owen Campbell-Moore在Twitter中提到，Contacts API是谷歌最早開(kāi)發(fā)的API之一：https://mobile.twitter.com/owencm/status/964280373697040384。

如何使用PWA？

在最近版本的Chrome瀏覽器(比如Canary)中，打開(kāi)“about:flags”頁(yè)面然后搜索“progressive”，將選項(xiàng)#desktop-pwas的屬性改為Enable:

 

在about:flags或chrome://flags頁(yè)面，你可以使用一些實(shí)驗(yàn)性的功能

之后，就可以安裝PWA程序到你的桌面系統(tǒng)。
這是Windows上的運(yùn)行效果：

 

Windows上運(yùn)行的Twitter Lite

這是Linux上的運(yùn)行效果：

 

Ubuntu上運(yùn)行的Pokedex

Chrome OS上的PWA

在Chrome OS上的PWA除了有上述優(yōu)點(diǎn)之外，還有就是它看起來(lái)真的很酷！

窗口標(biāo)題標(biāo)題使用主題顏色，標(biāo)題后面跟著是PWA的域名。

 

tuner.ninja 和 app.starbucks.com

 

使用了窗口化的PWA之后，Chrome OS看起來(lái)更像一個(gè)桌面系統(tǒng)了。

應(yīng)用程序也可以輕松地訪問(wèn)Chrome并分享URL。對(duì)于每個(gè)應(yīng)用，都會(huì)有一個(gè)叫做應(yīng)用信息(App info)的特殊選項(xiàng)。

 

應(yīng)用信息允許用戶配置應(yīng)用的打開(kāi)方式，比如選擇在新的標(biāo)簽頁(yè)打開(kāi)或者另一個(gè)獨(dú)立的窗口打開(kāi)。他包含關(guān)于Manifest Web App中的“description”字段的信息，該功能最初是為微軟的應(yīng)用商店設(shè)計(jì)。

 

用戶可以決定如何打開(kāi)應(yīng)用程序！

如何在桌面系統(tǒng)上配置谷歌地圖

用戶可以通過(guò)網(wǎng)站https://maps.google.com/?force=pwa訪問(wèn)谷歌地圖PWA，在桌面端或移動(dòng)端都可以使用。但是，只有在移動(dòng)端訪問(wèn)時(shí)候才會(huì)安裝Service Worker，但桌面用戶可以通過(guò)Chrome開(kāi)發(fā)工具強(qiáng)制加載Service Worker，在桌面端達(dá)到和移動(dòng)端相同的使用體驗(yàn)。

 

欺騙PWA，讓它以為是在移動(dòng)端運(yùn)行。記住設(shè)置后需要重新加載以安裝Service Worker

PWA的未來(lái)？

2018年將會(huì)是PWA大爆發(fā)的一年，桌面支持也將迎來(lái)全新的改變。

PWA的開(kāi)發(fā)團(tuán)隊(duì)甚至在蘋(píng)果設(shè)備上添加了Service Workers與Web App Manifest對(duì)IOS的支持，對(duì)于Web應(yīng)用來(lái)說(shuō)，一切都在發(fā)生著變化！

 

更新：分屏功能

前一段時(shí)間谷歌發(fā)布了Chrome OS關(guān)于Android應(yīng)用的新聞，提到Android應(yīng)用在Chrome OS上支持分屏操作。同樣，由于這一功能是為Chrome窗口所設(shè)計(jì)，所以分屏操作同樣適用于PWA，就像下圖所示！

 

更新：Web內(nèi)容共享

多年以前，谷歌使用navigator.share API在Android系統(tǒng)上實(shí)現(xiàn)了Web共享。如果用戶在about:flags中啟用了實(shí)驗(yàn)性的Web平臺(tái)功能，那么用戶甚至可以為已安裝的PWA添加Web共享目標(biāo)，比如使用Twitter Lite進(jìn)行共享。

 

Justin Willis的新Demo允許用戶通過(guò)Web共享功能分享歌曲

目前這項(xiàng)功能已經(jīng)開(kāi)放使用，并已在Linux和Chrome OS上線。但是仍存在一個(gè)問(wèn)題，在共享到Twitter時(shí)，共享窗口會(huì)在一個(gè)新的Chrome選項(xiàng)卡中打開(kāi)，而不是在已安裝的PWA中打開(kāi)，當(dāng)然這個(gè)問(wèn)題會(huì)慢慢修復(fù)。

 

在已安裝的Twitter Lite上添加Web共享對(duì)象支持后，歌曲就可以直接被分享到Twitter上。

這個(gè)功能可以完美的在Android上運(yùn)行，并且共享窗口會(huì)在當(dāng)前使用的PWA中打開(kāi)。

 

Android：從一個(gè)PWA(InstaMusic)向另一個(gè)PWA(Twitter Lite)分享歌曲。

查看英文原文：Progressive Web Apps coming to all Chrome platforms

標(biāo)簽： Google linux 安全 谷歌 漏洞 搜索 推廣 域名

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。