我讀到了PWA的優點,但我真的不明白爲什麼我們必須使用這項技術。這與SPA相似嗎?或者這完全是另一回事?使用漸進式Web應用程序(PWA)準則會帶來哪些好處?
回答
SPA與PWA不同。您可以將PWA視爲您網站的增強功能。通過添加一個service worker和一個manifest,您可以將您的網站(無論是否爲SPA)帶出瀏覽器,像移動應用一樣工作,並使其性能更好。
一個單頁應用(SPA)可以是進Web應用程序(PWA)但PWA並不需要做個SPA。他們是兩個不同的東西。 Google定義的PWA是:
可靠 - 即使在不確定的網絡條件下也能立即加載並且不顯示downasaur。 快速 - 快速響應用戶與柔滑平滑動畫的交互,並且不會晃動滾動。 參與 - 感覺就像設備上的天然應用程序,具有身臨其境的用戶體驗。
Google PWA網站是開始瞭解PWA以及爲什麼以及如何構建PWA的好地方。
https://developers.google.com/web/progressive-web-apps/
甲SPA是簡單地在一個單一的頁被裝載在瀏覽器和所有後續路由和頁面視圖呈現使用JavaScript在客戶端(瀏覽器)上處理的網絡應用程序。
正確地將PWA和SPA的原理相結合可以大大提高用戶體驗,特別是在具有不可靠的互聯網連接的手機上。
可能今天最好的例子是一個良好實施的PWA是Twitter Lite。看看這裏:
https://mobile.twitter.com/home
...這裏讀到它:
https://blog.twitter.com/en_us/topics/product/2017/introducing-twitter-lite.html
查看Google頁面,這看起來更像是使用瀏覽器技術構建的「純Web」應用程序,但不一定是瀏覽器。換句話說,如何讓您的用戶使用基於瀏覽器的技術在移動設備上使用「類似本機」的應用程序。換句話說,這就是爲什麼5-6年前Facebook爲*真實*本地應用傾銷HTML5的原因。 –
以下是用於構建類似本機的應用程序的「不要愚蠢」清單:Google:https://developers.google.com/web/progressive-web-apps/checklist –
- 1. 在Chromebook上安裝漸進式網絡應用程序(PWA)
- 2. 使用Python Flask構建漸進式Web應用程序
- 3. 如何通過點擊推送通知來啓動PWA(漸進式Web應用程序)?
- 4. Libjpeg-turbo優化會爲Android設備帶來哪些好處?
- 5. 管理進步中的Web應用程序(PWA)
- 6. 賺錢的PWA - 用於貨幣化漸進網絡應用程序?
- 7. Ionic 2 - 僅限漸進式Web應用程序 - 操作方法?
- 8. 將漸進式Web應用程序添加到主屏幕
- 9. 漸進式Web應用程序的錯誤路徑
- 10. 漸進式Web應用程序和緩存UI
- 11. ASP.NET Web應用程序的哪些dll文件會加載IIS?
- 12. 使用angular4構建漸進式網絡應用程序。
- 13. Web應用程序的會話處理
- 14. Web應用程序開發有哪些模式?
- 15. 離子3發佈的應用程序作爲PWA(逐行Web應用程序)
- 16. 我應該在DroneDeploy應用程序中使用哪些樣式?
- 17. 政策和程序應遵循哪些準則?
- 18. 您會推薦哪些Web應用程序用於用戶反饋?
- 19. 有沒有使用漸進網絡應用程序(PWA)添加徽章通知的方法?
- 20. 漸進增強/優雅的降級和Web應用程序
- 21. 創建API可爲您的服務帶來哪些好處?
- 22. 如何升級PWA的應用程序外殼(Progressive Web App)
- 23. 哪種方式更好地使Web應用程序脫機 - 應用程序緩存或服務工作者?
- 24. 這種C++/CLI應用程序可以使用哪些形式?
- 25. Ionic 2 PWA升級應用程序
- 26. 在哪些情況下使用正則表達式更好?
- 27. 漸進式下載標準
- 28. 使用Cookie進行Web會話狀態 - 有哪些缺陷?
- 29. 使用cURL而不是Fiddler會帶來什麼好處?
- 30. 在反應式編程中使用激進超時的好處
進網絡增強(我沒有聽說過 「漸進式Web應用程序」 作爲「技術「本身)與處理那些瀏覽器支持標準支持瀏覽器的用戶(看着你,Internet Explorer)以及那些沒有啓用Javascript的用戶(意味着該網站仍然至少有用)無關。對於前者來說,這似乎不是一個問題,並且使一個「基於Web的應用程序」對於從不腳本編寫者有用可能會產生反作用(如果它只有硬鏈接和POSTBACK表單,則認爲是Slack)。一如既往,YMMV。 –
我也改變了標題,使其不那麼挑釁。我認爲的根本問題是好的,並且肯定是可以回答的。 –