瀏覽器 軟體

密技!Chrome 開啟Progressive Web Apps(PWA),一鍵將PWA網頁變成應用程式

2019/05/20

梅問題-Chrome 開啟Progressive Web Apps(PWA),一鍵將PWA網頁變成應用程式
  使用Chrome瀏覽器的朋友,應該對於Chrome APP不感陌生,雖然說Chrome APP也是一個擴充元件,但比較不同的是,Chrome APP是一個獨立的應用程式,當在執行時,完全不用受限於Chrome瀏覽器,可以有自己的操控畫面,雖然說它裡面是就是包著一個Chrome瀏覽器,但在應用上變得更加的廣泛。

  而Google在去年則宣布,將由PWA((Progressive Web apps)來取代Chrome APP,同時在新版Chrome瀏覽器,內建就可將PWA的網頁,一鍵封裝成一隻Chrome桌機版的應用程式,讓在執行上更方便、更快速,至於要怎麼在Chrome瀏覽器中,開啟PWA封裝器,現在就一塊來看看囉!


Step1
首先,在網頁列輸入「chrome://flags」,再輸入「desktop pwas」,再將它設為「Enabled」。
梅問題-Chrome 開啟Progressive Web Apps(PWA),一鍵將PWA網頁變成Chrome桌機版應用程式
Step2
設定完畢後,按右下的鈕,重啟chrome瀏覽器。
梅問題-Chrome 開啟Progressive Web Apps(PWA),一鍵將PWA網頁變成Chrome桌機版應用程式
Step3
當重啟完畢後,在開啟PWA所製作的網頁時,在設定的功能列中,就會看到「安裝XXXX」。
梅問題-Chrome 開啟Progressive Web Apps(PWA),一鍵將PWA網頁變成Chrome桌機版應用程式
Step4
接著再按「安裝」。
梅問題-Chrome 開啟Progressive Web Apps(PWA),一鍵將PWA網頁變成Chrome桌機版應用程式
Step5
當安裝完後,就會變成一個應用程式,同時在Chrome的應用程式中,就會看到剛所安裝的應用程式啦!透過PWA讓網頁變成一隻應用程式,真的是超方便的啦!至於PWA網頁要怎麼來作設定,之後再與大家來作分享。
梅問題-Chrome 開啟Progressive Web Apps(PWA),一鍵將PWA網頁變成Chrome桌機版應用程式