利用 Edge 把網站安裝成獨立 App

Daniel Tseng
Mar 28, 2021

--

Photo by Mikaela Shannon on Unsplash

不知道大家有沒有一些常常使用電腦必定會開啟的服務,例如:Facebook、Twitter、Instapaper、Figma 等等,有些服務會針對不同的作業系統推出獨立 app,而有些就是只有提供網站服務。

在 mobile 上面有些服務會推出 PWA (Progressive Web Apps),可以把網頁安裝在手機上,成為一個獨立的 icon,使用起來體驗就非常接近原生的 mobile app,這件事情我想不少人都知道。但大部分的手機瀏覽幾乎都有原生的 mobile app,使用上體驗一直都很不錯,對我來說就沒有什麼一定要在手機上使用 PWA 的需求。然而,有些服務在電腦上的體驗就沒有這麼好。例如:Instapaper。

Instapaper 有推出 macOS app,但是常常沒有在更新,使用體驗也差 web 版一大截,因此在電腦上要閱讀我也都是利用瀏覽器打開 Instapaper 來使用。

而最近朋友與我分享 Edge 的功能,可以一鍵把常用的網頁安裝成 App,如此一來,我就可以在 mac 上面享受猶如原生 app 的體驗,這個「aha moment」是讓我想要紀錄下來分享給更多人知道的原因。以下分享安裝的步驟以及我使用快兩週後的心得。

從 Edge 安裝 Web as an App

只要開啟你要的網站,接著跟著上面的步驟,按完之後,就會把這個 Edge 安裝在你的電腦當中。以我常使用的 mac 為例子,這些 app 會安裝在 /Users/<your_username>/Applications/Edge\ Apps.localized 這個資料夾。

未來就可以利用內建的 spotlight 或是 Alfred 快速地打開剛剛我們所安裝的 App,非常的方便。

優點與缺點

在我使用兩週之後,有一些我覺得實用以及不太好的地方在此分享。

目前我安裝的 Edge Apps

先說說優點部分,因為我安裝的 App 大部分都是閱讀型的服務,因此我可以很快的進入閱讀的狀態,而且利用 Edge 安裝之後的 App,並不會看到網址、書籤列等,可以讓閱讀範圍最大化,干擾最小化,這是針對閱讀服務來說很重要的一個狀態,可以參考下圖所示。

使用 Edge App 開啟 Instapaper 的狀態
使用 Edge App 開啟 Inoreader 的狀態

而缺點的部分,因為這些 App 本質上都還是一個獨立的 Edge 分頁而已,所以每次開啟的話,就會連帶有一個 Edge 圖示出現,如果不小心關掉 Edge 之後,這幾個 App 就會一次被關掉。這個問題就是變成肌肉記憶,未來多關幾次之後就會更加注意,所以漸漸的也不是問題。

結論

總體來說我覺得是個優點遠大於缺點的功能,推薦大家使用看看。尤其在需要用電腦來進入閱讀狀態的時候,這個功能可以帶來更專注的閱讀體驗。對了,這篇文章也是在 Edge App 的體驗下完成。

--

--

Daniel Tseng

Not a real programmer. Enjoy sharing, thinking, and doing.