超級進步的網絡應用程序
超級進步的網絡應用程序
SuperPWA可以輕鬆地將您的WordPress網站轉換為進步的Web應用程序。
訪問網站»
報告錯誤·WordPress插件·評論·FAQ·貢獻
歡迎來到Super PWA GitHub存儲庫
⚡️演示:superpwa.com檢查視頻以了解其工作原理
什麼是進步的網絡應用程序
Progressive Web應用程序(PWA)是一項新技術,可在網站和移動應用程序之間創建中間立場。它們像普通應用程序(Web應用程序)一樣安裝在手機上,可以從主屏幕訪問。
用戶可以通過從他們的主屏幕啟動應用程序並通過類似應用程序的界面與您的網站進行交互來返回您的網站。您的返程訪問者將體驗幾乎持久的加載時間,並享受PWA的出色表現優勢!
超級進步的Web應用程序使您可以輕鬆地將WordPress網站輕鬆地將WordPress網站轉換為漸進的Web應用程序!
支持該項目
如果您感到非常興奮,並且想以一種小的方式支持我們,請考慮主演和/或分享回購!這有助於我們知道並發展社區。
您也可以通過關注社交媒體的關注並分享有關我們的支持。
?安裝
安裝了SuperPWA⚡️後,用戶將從受支持的移動設備瀏覽您的網站,將看到“添加到主屏幕”通知(從屏幕的底部),並且能夠在其設備的主屏幕上'安裝您的網站'。訪問的每個頁面都在本地存儲在其設備上,即使它們離線也可以閱讀!
SuperPWA很容易配置,設置您的漸進式網絡應用程序不到一分鐘就需要了! SuperPWA通過刪除其創建的每個數據庫條目和文件來進行乾淨的卸載。實際上,直到您第一次手動保存,否則默認設置都沒有保存到數據庫。繼續嘗試一下。
漸進的網絡應用程序最低要求
有關添加到主屏幕和進步網絡應用程序的視頻在不同的瀏覽器上工作
Google Chrome for Android | Mozilla Firefox for Android | Microsoft Edge for Android | Samung Internet for Android | iOS上的PWA -Safari瀏覽器 |
|---|
瀏覽器測試PWA的詳細文檔
- PWA在Chrome上為Android
- 桌面上的PWA -Chrome
- iOS設備上的PWA -Safari瀏覽器
- Android的Microsoft Edge瀏覽器上的PWA
- 三星Internet瀏覽器的PWA用於Android
?盒子裡有什麼
這是超級漸進式網絡應用程序的當前功能:
- 為您的網站生成清單,並將其添加到您的網站的頭腦中。
- 為您的漸進式Web應用程序設置應用程序圖標。
- 為您的漸進式Web應用程序的飛濺屏幕設置背景顏色。
- 在受支持的瀏覽器中訪問時,您的網站將顯示“添加到主屏幕”通知。
- 使用緩存API對頁面進行積極的緩存。
- 即使用戶離線,也可以提供緩存的頁面。
- 設置自定義脫機頁面:選擇您希望用戶查看的頁面何時訪問緩存中的頁面何時訪問了且用戶離線。
- 1.2版中的新版本:支持主題色。
- 版本1.2中的新版本:現在您可以編輯應用程序名稱和應用程序簡稱。
- 1.2版中的新版本:設置PWA的開始頁面。
- 1.2版中的新版本:設置開始頁面的加速移動頁面(AMP)版本。支持的插件:WordPress的AMP,WP的AMP,Better Amp,Amp至上,WP AMP。
- 版本1.3中的新內容:增加了對高質量飛濺屏幕的支持。現在,您可以為您的Progressive Web應用程序的飛濺屏幕設置512x512圖標。
- 版本1.3:超級漸進式網絡應用程序現在說明內容更新,並在您更新網站時更新緩存。
- 1.3版中的新版本:改進的瀏覽器服務工作者更新處理。
- 1.4版中的新版本:您現在可以設置PWA的默認方向。從“任何”(遵循設備方向),“肖像”和“景觀”中選擇。
- 版本1.4中的新版本:您現在可以在清單中設置them_color屬性。
- 版本1.5中的新內容:推送通知的信號集成。
- 1.6版中的新版本:WordPress多站點網絡兼容性。
- 版本1.7版中的新內容:SuperPWA的附加組件在這裡!帶有UTM跟踪附加組件的船隻,從您的PWA來進行跟踪訪問。
- 1.8版中的新內容:現在解決了與Onesignal的兼容性問題!
- 版本1.8中的新內容:新的附加組件:將應用程序圖標設置為Apple Touch圖標的Apple Touch圖標。
- 2.0版中的新版本:SuperPWA現在與子文件夾中安裝的WordPress兼容。
- 2.0版中的新版本:您現在可以從SuperPWA設置設置Display屬性。
- 版本2.1.1中的新內容:支持Maskabale圖標。
?即將到來的功能:
設備和瀏覽器支持PWA
| 鉻合金 | Firefox | 邊緣 | 歌劇 | 野生動物園 | 三星 | UC瀏覽器 | 勇敢的 |
|---|
| 添加到主屏幕 | | | | | | | | |
| 服務工作者 | | | | | | | | |
| 網絡推送和通知 | | | | | | | | |
| 付款請求API | | | | | | | - | - |
| 元主題顏色 | | - | - | - | - | | - | |
支持的Beta或部分支持
漸進的Web應用程序需要支持表現和服務人員的瀏覽器。目前,Google Chrome(57+版),Android Chrome(62),Mozilla Firefox(57),Firefox for Android(58)是支持PWA的主要瀏覽器。
該列表的增長迅速,可能會在今年年底之前在大多數主要瀏覽器中得到支持。
為什麼要構建漸進式網絡應用程序?
如何將您的WordPress網站轉換為漸進式網絡應用程序
WordPress安裝
- 訪問WordPress管理員>插件>添加新
- 搜索超級進步的Web應用程序
- 單擊“立即安裝”,然後單擊“激活”超級漸進式網絡應用程序
手動安裝:
- 在服務器上將超播種Web-apps文件夾上傳到/wp-content/plugins/Directory
- 轉到WordPress管理員>插件
- 從列表中激活超級漸進式Web應用程序插件。
自定義您的進步網絡應用程序
您的漸進式Web應用程序應準備好在激活後使用默認設置進行測試。您可以進一步自定義並真正使其成為自己。
- 轉到WordPress Admin>“ SuperPWA ”>設置
- 為在移動設備上打開PWA時,為Splash屏幕設置背景顏色。
- 設置應用程序圖標。當您將其添加到移動設備中的房屋屏幕中時,這將是PWA的圖標。圖標必須是PNG圖像,恰好是192 x 192像素。
- 設置離線頁面。如果用戶離線並且他要求的頁面尚未緩存,將顯示此頁面。理想情況下,您應該創建一個專用的WordPress頁面並在此處設置。在您創建的頁面中,您可以添加一個註釋:“看起來您處於離線狀態,並且您要求的頁面現在不可用。
- 單擊“保存設置”。
測試您的進步網絡應用程序
- 在受支持的設備中打開受支持的瀏覽器(例如:Android設備中的Android(62或更高)的Chrome)
- 輸入您的網站並等到全部加載
- 您應該看到一個彈出窗口,其中包含您的應用程序圖標和一個按鈕,該按鈕讀為“添加到主屏幕”。
- 單擊它,您的PWA將添加到主屏幕。等待安裝完成。
- 轉到主屏幕並打開PWA。如果願意,瀏覽幾頁。關閉應用程序。
- 與互聯網斷開連接,現在再次打開您的PWA。您應該能夠查看以前瀏覽的所有頁面。
- 嘗試訪問您以前沒有訪問的頁面。您應該在SuperPWA的設置中看到您設置為“離線頁面”的頁面。
?關於我們
我們是一個對這個想法感到興奮的二人。我們的任務很簡單:幫助您構建一個很棒的PWA,您的用戶希望在主屏幕上擁有該PWA。當我們第一次聽說PWA時,我們想了解有關它的所有內容。我們花了無數的時間學習,並想與世界分享。請給我們您的建設性反饋和支持。
⛷️支持
這是超級漸進式網絡應用程序的開發人員門戶,不應用於支持。請訪問支持論壇。
?報告錯誤
如果您被卡住了,我們在這裡看著您的背!如果您有問題或需要功能,請打開新的支持主題票。我們很高興能聽到您的反饋,我們希望真正幫助您為WordPress網站構建最佳的漸進式網絡應用程序!
?貢獻
歡迎任何人為超級PWA做出貢獻,以使其成為超級。
您可以通過多種方式做出貢獻:
- 在Github上提出問題。
- 在社交媒體上關注並與我們互動
- 向我們發送帶有錯誤修復和/或新功能的拉請請求。
- 提供有關增強功能的反饋和建議。
通過社交媒體分享並傳播SuperPWA
在Twitter上分享
在Facebook上分享
分享LinkedIn
? ChangElog
superpwa.com/changelog/。
表情符號學分:表情符號社交媒體偶像學分:弗拉提頓
⬆回到頂部