避免瀏覽器雜亂分頁干擾工作,把常用線上工具安裝成專注應用 App



最近收到一位讀者來信詢問:「我平常工作時常常要開啟大量的網頁分頁,這其實會造成許多工作干擾,我想要找一個桌面軟體,可以專注的讓我使用 Google Tasks 和 Google 日曆來管理與添加任務。雖然知道瀏覽器打開網頁也可以操作,但伴隨的就是我打開的其他網頁以及瀏覽器其他介面功能的干擾,我希望的是一個乾淨沒有其他內容的管理畫面。」這時候,可以怎麼辦呢?有沒有電腦端針對 Google 日曆、 Google Tasks 的專用軟體?或是我們是否可以自己打包這樣的軟體?

這位讀者應該也是電腦玩物的老朋友,之前我介紹過:「全新 Gmail、 Google Tasks 與日曆的時間管理系統實作教學」,是很有效的時間管理應用。

如果你也有類似的需求,想把某些「線上工具網站」打包成「電腦端應用軟體」,期望可以有更專注的使用視窗,更簡潔無干擾的畫面,甚至還能加上一些更順暢的效能,那麼其實目前 Google Chrome、 Microsoft Edge 等瀏覽器內建的「 PWA 」功能,可以解決我們的需求。

2024/3/10 更新,對上網生產力有要求的朋友,可以試試看Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流




PWA 如何把網頁安裝成電腦端的專注應用 App

例如前面這位讀者想要的需求:「電腦端針對 Google 日曆、 Google Tasks 的專用軟體」,就可以利用 PWA 的方式,從瀏覽器打包並安裝到電腦中,看起來就像電腦端軟體一樣。

並且也可以像是應用軟體一樣釘選在工作列、軟體選單中,方便快速開啟。

打開後,不會有雜亂的瀏覽器介面、分頁,甚至部分應用軟體會有效能提升、離線功能等(有特殊支援的網站)。




手機端目前也支援這樣的 PWA 模式,例如在 Android 手機中,透過 Google Chrome 瀏覽器可以把某些網站工具直接打包成手機桌面上的應用 App 。

像是下圖的 Google 新聞,其實不是安裝商店中體積更大的 App ,而是把網頁版直接安裝成 App 來使用,效果與介面跟 App 幾乎一樣,但效能可能更好。




PWA( Progressive Web Apps 漸進式網路應用程式)如何安裝打包呢?其實只要打開你常用的瀏覽器就能看到。

開啟 Google Chrome 瀏覽器來到支援 PWA 的網站,例如 Google Drive 雲端硬碟網頁(參考:新版 Google 雲端硬碟網頁上線,非用網頁版不可的 11 個功能),可以看到網址列中出現一個「安裝應用程式」按鈕,或是手機、電腦中打開瀏覽器選單選擇「安裝XXXXX應用程式」,就可以把網頁打包成桌面上的 PWA 軟體。





PWA 安裝完成後,開啟時就沒有瀏覽器其他雜亂的介面或分頁,變成一個專注的軟體使用介面,並且可能帶來幾個效果,讓其和單純加入一個網頁捷徑有所不同:
  • 使用的時候更專注,沒有網址列、分頁與其他瀏覽器功能干擾
  • 開啟更快速順暢
  • 有可能支援離線(但要看個別網站支援)
  • 當作獨立視窗與其他視窗搭配使用
如果後續想要「解除安裝」,也可以在應用上方選單中選擇「解除安裝」來移除。




另外我們可以把自己打包安裝的 PWA 放入工作列,當作正常軟體一樣快速開啟。





什麼樣的網站適合打包成 PWA 來使用呢?

前面讀者提到的具體需求:「有沒有電腦端針對 Google 日曆、 Google Tasks 的專用軟體?讓自己可以快速開啟、專注使用、避免干擾?」就很適合把這樣的網站工具,打包成 PWA。

我列出一些適合這樣打包應用的清單,給大家參考:

只要你覺得某個線上工具、服務,使用的時候希望有專注的情境,並且不需要瀏覽器其他功能與分頁的干擾,那麼打包成 PWA ,更快開啟、更簡潔使用,都能帶來幫助。




可以利用 Microsoft Edge 把所有網頁都打包成應用程式

不過,如果你平常慣用 Google Chrome 瀏覽器,這時候會發現有些網站可以啟動 PWA ,但大多數網頁可能無法開啟 PWA 安裝功能。

如果有些網站在 Chrome 中無法打包成 PWA ,但你又很想安裝成專注的電腦端應用,那麼在 Windows 上可以輔助使用 Microsoft Edge 瀏覽器來滿足需求。

例如下面網站, Chrome 上無法打包,但是 Edge 可以把所有網頁都強制安裝成 PWA:
  • Google Calendar
    • 在edge可以支援
  • Netflix
    • 在edge可以支援
  • 電腦玩物
    • 在edge可以支援
  • toggl
    • 在edge可以支援
  • Gmail
    • 在edge可以支援
  • canva
    • 在edge可以支援
只要在 Edge 瀏覽器中打開任何網站,選擇右上方選單中的「應用程式」-「安裝應用程式」,就能打包成桌面端的應用,並且開啟後,同樣擁有無干擾的簡潔視窗介面。

你也可以在同樣選單位置,解除安裝這些應用程式。




解決讀者來信需求的同時,也分享這樣的管理、應用方式。

或許不是所有朋友都需要,但是當你大量的進行線上工作,希望電腦、手機環境中,有可以更快速開啟線上應用,更專注使用網頁軟體,更方便管理常用雲端工具的工作流程,避免瀏覽器雜亂分頁干擾工作,把常用線上工具安裝成專注應用 App,是一個可以參考的工作環境設計。

有興趣的朋友,還可以延伸閱讀:

留言

  1. ㄜ 這是板主的使用桌面還是 photoshop 的 p 圖?

    回覆刪除
    回覆
    1. 關鍵字給你「carpio」常用電腦者的可移動鼠拖,善待自己,好的東西可以增加生產力,美國youtuber 推薦

      刪除
    2. 還有 xergo 電腦螢幕氣壓架+benq 藍光護眼螢幕

      刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

Google Maps 我的地圖完全教學!規劃自助旅行攻略

3個 ChatGPT 輸入到輸出實驗,第二大腦筆記用 AI 生成文章報告

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

Google 表單的 10 個專業問卷調查設計秘密教學

如何為筆記命名,建立搜尋規則?我的標題、分類、標籤命名法

Draw.io 中文線上製作流程圖首選!專業水準完全免費

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學

Google 表單自動關閉回覆教學:時間人數到達就過期