- 生活
- 文章正文
pwa應用怎麼安裝到本地:手把手教你[朗讀]
要完整介紹 pwa 是什麼,需要扯一堆名詞,毫無意義。以改造公羊閱讀的過程為例,簡要的說明什麼是 pwa
公羊閱讀是個網站,將它改造成 pwa 應用之後,在谷歌瀏覽器上點擊右上角三個小點點,可以看到安裝按鈕。
(沒有改造成 pwa 的網站是看不到安裝按鈕的~~)。
點擊安裝,完成後會發現生成了桌面應用圖標,像原生 app 一樣點擊一下圖標即可進入。
pwa 不只是改變 web 網站的入口,點擊進入應用,可以看到沒有瀏覽器中的地址欄,看起來就跟原生應用一毛一樣。
在谷歌瀏覽器中輸入 chrome://apps 可以查看安裝了哪些 pwa 應用,選擇應用,右鍵可以卸載該應用。
移動端也是一樣的,在手機瀏覽器上訪問公羊閱讀的網址:https://www.44api.com/pwa/index.html,在網頁最下方可以看到提示框:"將公羊閱讀添加到主螢幕",點擊即可添加到桌面。
注意:移動端並不是所有機型都支持添加到桌面功能。
360n6 手機就不支持,iphone xr 可以支持添加到主螢幕。
公羊閱讀是個網站,將它改造成 pwa 應用之後,在谷歌瀏覽器上點擊右上角三個小點點,可以看到安裝按鈕。
(沒有改造成 pwa 的網站是看不到安裝按鈕的~~)。
點擊安裝,完成後會發現生成了桌面應用圖標,像原生 app 一樣點擊一下圖標即可進入。
pwa 不只是改變 web 網站的入口,點擊進入應用,可以看到沒有瀏覽器中的地址欄,看起來就跟原生應用一毛一樣。
在谷歌瀏覽器中輸入 chrome://apps 可以查看安裝了哪些 pwa 應用,選擇應用,右鍵可以卸載該應用。
移動端也是一樣的,在手機瀏覽器上訪問公羊閱讀的網址:https://www.44api.com/pwa/index.html,在網頁最下方可以看到提示框:"將公羊閱讀添加到主螢幕",點擊即可添加到桌面。
注意:移動端並不是所有機型都支持添加到桌面功能。
360n6 手機就不支持,iphone xr 可以支持添加到主螢幕。
加入收藏