|

把Web App 變成 Desktop App

Chromebook 使用小秘訣:你離不開 Web App,真的,你每天都在用,既然這麼常用,不要掛在瀏覽器分頁看起來更清爽

Web App 發展得很快,幾乎所有從前要花錢購買的桌面軟體,都能用免費或便宜價格找到相應的 Web App,所以 Chromebook 有完整版 Chrome 瀏覽器,足以取代從前的 Windows 電腦?

正確,用 Chromebook 數月,無法取代的軟體屈指可數。

唯一麻煩是,我不喜歡在 Chrome 開一大堆頁面,一方面不容易在其中找到某個 Web App;另方面,如果不小心關閉 Chrome,所有使用中的 Web App 全得重啟。

其實,只要給 Web App 一個獨立瀏覽器框框,它就變成單獨運行的桌面 App,操作起來跟獨立 App 完全相同。

▮變成桌面 App 的好處

Web App 變成獨立的 Desktop App 有哪些好處?它看起來是個平常的 App,就是在你的 Windows/ 開始 下面會有一個 icon,可以釘選在快速開啟列或是拉到桌面,但裡面仍是那個 Web App。

它的好處不少:

Desktop App 有獨立視窗,可用 Alt + Tab 在多個 App 之間視覺化的快速切換,切換瀏覽器標籤字太小不容易看清楚。
  • 獨立視窗就算不小心關掉一個,也不用全部重新打開。
  • 因為沒有其他標籤,我可以專注在這個視窗上,比如 Medium 是需要一段時間安靜寫作的。
  • Web App 封裝成 Desktop App 之後,擁有與 Chrome 完全分離的瀏覽器環境,你儲存的帳號、密碼全不會帶過來,例如有多個 Medium 帳號,把 Medium 封裝成 2 個不同的 App,就不用切換帳號了。
我說的不是 “建立捷徑” ,捷徑雖然會浮現一個 icon 在工作列,但它仍是打開瀏覽器的網頁,就沒有上述幾個好處。

▮APPLICATIONIZE 可以把 Web App 封裝成 Desktop App

https://applicationize.me/

看起來這是個開源專案,使用很簡單:

  1. 製作檔案:打開 這個網址 進入 Applicationize
在下面輸入 Web App URL,可以設一些進階功能,然後按下紅色大按鈕,就開始下載封裝的檔案。

這個功能可以把網址 “封裝” 成一個 CRX 檔,CRX 是 Chrome Extensions 的檔案格式,可以在瀏覽器安裝這個 App,而且會在完全獨立的視窗裡呈現。

2. 安裝檔案:

雙擊 CRX 檔是沒用的,要打開瀏覽器安裝一個擴充功能。

瀏覽器右上角三個點按鈕打開,更多工具 > 擴充功能,打開 Chrome 擴充功能頁面。
然後拖放進 Chrome 擴充功能頁面即可。(圖片來源:https://applicationize.me/now
我把常用的 Simplenote 封裝成桌面 App,有自己的框,但沒有瀏覽器操作列,Chrome 就只是 Web App 在桌面運作的環境。

▮這麼簡單?

那我幹嘛這麼累寫說明文呢?我自己是失敗了好幾次才找出答案:

  • 網站 icon 圖片解析失敗:它會自己去把 Web App 的網頁 Title 和 Icon 給製作出來的桌面 App 用,當瀏覽器出現這一條訊息,可能它抓不到這個 Web App 的 icon,或檔案格式不是 PNG 檔,解法是另外在網上找到這 Web App 的 icon,在進階設定那裡上傳,記得要是 PNG 檔。
  • 下載立刻被刪除:因為 CRX 有點像 Windows 的 EXE 檔,是可執行檔,惡意 App 可能傷害你的電腦,所以 Chrome OS 裡會詢問你是否保留(要選擇保留),沒注意就下載後立刻被刪除(不知在 Windows/Mac 會不會),我被刪除了三四次才發現是這個問題沒去回答的原因。
  • 開啟開發者權限:CRX 檔拖到 extension 時,Chrome 卻不讓安裝?後來發現把右上角的 “開發人員模式” 打開後就可以安裝了,當你開啟 “開發者模式” 表示你不是麻瓜。Chrome OS 嚴重防麻瓜,它原本設定用戶是學生和 “輕量使用者” → 麻瓜,盡量不讓用戶亂動,以免搞砸。

▮可以怎麼用?

  • 有些 App 終日開啟,如 Todoist, Calendar, Simplenote… 把它做成桌面 App 可以讓瀏覽器上方的標籤少一點,也可以快速切換到它使用及檢視;
  • 有些 App 需要專注,比如 Mind42 (Mind Mapping 軟體,用來思考)、Medium、Dropbox Paper 等,把它們獨立一個視窗避免被干擾;
  • 有些 App 需要多帳戶,Gmail、Medium… 等,用不同 App 分開等於設立一個快捷入口;
  • 有些 App 需要用大部分螢幕,如 Google Doc、Mind42、電子書瀏覽器…等,用獨立 App 可把瀏覽器的操作都關閉(或者 Chromebook 按 F5 就能全螢幕隱藏瀏覽器操作介面)。
分享給朋友

Similar Posts

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。