避免瀏覽器雜亂分頁干擾工作，把常用線上工具安裝成專注應用 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。

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

• 郵件（不用常開啟，開啟時要專注使用）
• 例如 Gmail ，或是公司的 Outlook 網頁版。
• 參考文教學：Outlook 職場必備郵件整理圖解教學，網頁版 11 個排程管理技巧
• 行事曆（當作時間管理軟體使用）
• 例如網頁端的 Google 日曆，或是公司的 Outlook 網頁版
• 參考教學：全新 Gmail、 Google Tasks 與日曆的時間管理系統實作教學
• 即時通（不一定常開啟，開啟時要專注使用）
• 例如 Telegram、 Messenger ，或是 Slack 網頁版
• 參考教學：Slack 完整教學與上手心得：找到正確的團隊溝通之道
• 各種生產力工具
• 例如網頁版的筆記、待辦清單、專案管理、時間管理工具等等
• 或是各種線上的繪圖、文書、程式碼工具等等
• 參考教學：打醒你對時間的低敏感度！ Toggl 專業工作者的時間追蹤利器
• 參考教學：Canva 免費影片剪輯線上工具，讓設計動畫影片跟做簡報一樣簡單
• Google 相簿（專注管理照片）
• 參考教學：2020 新版 Google 相簿 22 個新舊功能快速重點教學懶人包
• Google 地圖（專注與快速查看路線、導航、地點資料）
• 參考教學：Google 地圖完全攻略目錄：一次學會 21 個旅遊導航常用密技
• Netflix（休閒娛樂類型軟體）

只要你覺得某個線上工具、服務，使用的時候希望有專注的情境，並且不需要瀏覽器其他功能與分頁的干擾，那麼打包成 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，是一個可以參考的工作環境設計。

有興趣的朋友，還可以延伸閱讀：

• 7 個步驟創造為我服務的專注力誘因，否則再多生產力工具也會分心
• 利用 Android 手機「捷徑」取代 App ，讓桌面快一步且更專注
• 將手機打造成自動時間管理利器，我的 Pixel Android 完整設定分享
• 虛擬桌面快捷鍵攻略： Windows 10 必學第一工作技巧

（歡迎社群分享。但全文轉載請來信詢問，禁止修改上述內文，禁止商業使用，並且必須註明來自電腦玩物原創作者 esor huang 異塵行者，及附上原文連結：避免瀏覽器雜亂分頁干擾工作，把常用線上工具安裝成專注應用 App）