應用程序主宰著你的**。很長一段時間以來,應用程序並沒有以同樣的方式影響你的桌面或瀏覽器。近年來,這種情況發生了變化。進步網絡應用(PWA)的地位正在不斷提高,並改變我們與各種網站的互動。
但究竟什麼是進步的網絡應用呢?PWA做了什麼而網站沒有?以下是您需要了解的漸進式Web應用程序。
漸進式Web應用程序是一種Web應用程序,它向用戶提供一個常規站點,但顯示為本地移動應用程序。PWAs試圖將本地移動應用程序的可用性引入現代瀏覽器功能集,充分利用這兩個開發領域的進步。
那麼,什麼定義了PWA?
如您所見,PWAs旨在通過本地應用程序的精簡功能和界面設計,為用戶提供完整的網站體驗。
進步的網絡應用的關鍵是瀏覽器****。
服務工作者是一個在瀏覽器後臺運行的腳本,“與網頁分離,為不需要網頁或用戶交互的功能打開了大門。”目前,您可以使用推送通知和後臺同步等服務工作者,但不久的將來,PWA將賦予這些腳本更大的功能。
因此,****構成了PWA標準的基礎,使用Web緩存幾乎即時的結果。
在服務工作者之前,轉到瀏覽器緩存腳本是Application cache(或App cache)。應用程序緩存功能廣泛的離線第一服務,但有點容易出錯。此外,App Cache還有幾個眾所周知的限制,如列表所示。
但開發人員面臨的主要問題是缺乏與AppCache工作方式的直接交互,這使得開發人員無法在出現問題時準確地解決問題。反過來,具有完全離線功能的網站和服務也是一個危險的選擇。
然而,****的工作時間僅限於需要他們的行動。在PWA中,當您單擊某個或使用某個功能時,服務工作人員將啟動操作。服務工作人員(記住,它是一個腳本)處理事件,決定脫機緩存是否可以完成請求。其想法是,PWA可以選擇多個脫機緩存,從而提供了更廣泛的脫機功能。
此外,緩存不僅僅用於離線速度提升。例如,你前往一個PWA,但你的連接是非常零散的。服務工作者為以前的緩存提供服務,完全運行,不會中斷您的體驗。
使用漸進式Web應用程序有兩個要求:兼容的瀏覽器和支持PWA的服務。
首先,讓我們看看瀏覽器。有兩個選項可以檢查PWA瀏覽器支持。首先是傑克·阿奇博爾德的****準備好了嗎?它可以方便地顯示主要瀏覽器的PWA就緒狀態,以及三星互聯網。
有關PWA瀏覽器支持的更詳細概述,請訪問Can I Use網站,該網站專門按瀏覽器版本列出各種web和瀏覽器技術的實現。例如,如果在搜索欄中輸入“serviceworks”,則會找到一個表,其中顯示每個瀏覽器實現PWA serviceworks的版本號。
“我可以使用服務工作者”表確認主要瀏覽器都支持PWAs。它還演示了PWA對幾種替代桌面瀏覽器和移動瀏覽器的支持。
再把它分解一點:
因此,主流瀏覽器都支持PWAs。Microsoft Edge和Safari是最新添加到完整支持列表中的。相反,QQ瀏覽器和百度瀏覽器現在都使用過時的版本,因此已經進入了第二層。
既然您知道要使用哪個瀏覽器,就可以考慮搜索和安裝PWA了。對於這個例子,我將使用三星Galaxy S8和谷歌Chrome。
進步的網絡應用無處不在。許多公司已經調整了他們的網站和服務,以提供一個進步的網絡應用程序版本。在許多情況下,當您進入主頁或移動服務站點時,首先會遇到PWA,這會觸發“添加到主屏幕”對話框。
看看下面的視頻,看看當你訪問Twitter移動網站時會發生什麼。
當然,訪問無數的網站,希望看到主屏幕觸發器是沒有用的。事實上,這是非常耗時的。謝天謝地,您不必這樣做,因為有幾個站點專門為pwa編目。
首先,試試網絡。它列出了一系列相當不錯的pwa,新的選項經常出現。下一步,試試看pwa.岩石. 它有一個較小的選擇,但一些方便的pwa,你想添加到您的設備。
此外,2019年1月,Android Chrome72附帶了TrustedWebActivity(TWA)。TWA允許Chrome選項卡以獨立模式打開。反過來,這使得PWAs可以在googleplay應用商店中使用。最初出現在googleplay上的幾個pwa是Twitter-Lite、Instagram-Lite和Google-Maps-Go,隨著時間的推移會出現更多的pwa。
漸進式Web應用程序是瀏覽器和本機移動應用程序之間的一個極好的混合步驟。PWAs會完全取代本地應用嗎?我很難拒絕。pwa作為一個輕量級的產品是非常好的,但是考慮到它們目前主要集中在複製現有的站點和服務,它們不會取代本地應用。
至少,目前還沒有。
不過,PWAs確實有效。PWA統計數據也支持這一點。以下幾個有趣的數字說明了PWA如何改變我們與常用網站的互動:
PWA還不是主流。但由於它們提供了一系列巨大的好處,比如節省設備空間,將來你會聽到更多關於它們的消息。
...,染色迅速擴散到整個細胞。 目錄 1. 概述和關鍵區別 2. 什麼是漸進染色 3. 什麼是迴歸染色 4. 漸進染色與迴歸染色的相似性 5. 並排比較-漸進式與迴歸式表格染色 6. 摘要 什麼是漸進染色(progressive staining)? 漸進染色是一種技術...
...,生物體都趨向於原始特徵。 目錄 1. 概述和主要區別 2. 什麼是返祖現象 3. 什麼是逆行進化 4. 返祖進化與退化進化的相似性 5. 並列比較——表格形式的返祖與逆行進化 6. 摘要 什麼是返祖(atavi**)? 返祖現象是指在個體中突然重...
...需要更短的時間來進化物種。 目錄 1. 概述和主要區別 2. 什麼是漸進均衡 3. 什麼是間斷均衡 4. 漸進主義與間斷均衡的相似性 5. 並列比較——漸進主義與表格形式的間斷平衡 6. 摘要 什麼是漸進均衡(graduali** equilibrium)? 漸進論是...
...Lite。你可以將twitterlite安裝為原生應用或漸進式web應用(什麼是漸進式web應用?)。兩者都只會在你的**上消耗幾兆位元,而且仍然可以讓你使用幾乎所有必要的Twitter功能。 ...
...工作中使用Simplenote的web應用程式,這意味著無論你使用什麼裝置,你都可以訪問這些筆記。你的筆記會同步到雲端,並且在你使用帳戶登入的任何地方都可以訪問。 ...
...個輕量級JavaScript框架,將頁面匯出為React元件,這就是為什麼它也稱為React框架。 ...
...你甚至可以從這個螢幕建立新的筆記。 在Windows10上**一個漸進式web應用程式來檢視apple筆記 如果你不喜歡類似瀏覽器的介面來訪問蘋果筆記,你可以**一個漸進式的網路應用程式,在一個類似應用程式的介面上顯示你所有的筆記...