📌軟體由來
大家應該都有這種經驗:明明行事曆排得滿滿的,卻常常在瀏覽網頁、處理工作的時候,完全忘了等一下還有會議、還有行程。Google 日曆開在另外一個分頁,它就靜靜躺在那裡,不看就等於沒有。
我一直覺得,行事曆不應該被「藏」在特定頁面裡。既然我整天都在瀏覽器上工作,那為什麼不能讓行程一直「貼」在眼前呢?
於是我就動手做了一款 Chrome 擴充功能「網頁行事曆便利貼」——它會把我 Google 日曆上未來有行程的每一天,各自變成一張小便利貼,常駐在瀏覽器的每個網頁角落。打開任何網站,該辦的事情一目了然,就像桌邊貼滿了提醒紙條一樣自然。
⚡核心功能總覽
這款擴充功能把「看到行程」變成一件很直覺的事,重點功能如下:
🎯誰適合使用
這款工具沒有年齡或身份的限制,任何使用 Google 日曆安排生活的人都能派上用場。我自己天天用,也特別推薦給行程繁重的朋友們:
🗓️ 行程繁重的人
會議、約診、繳費期限、截稿日、家庭聚會……行程散落在不同日期,常常一不小心就漏掉。裝上這款擴充功能後,只要一打開電腦、任何瀏覽頁面,今天的行程就自動貼在眼前,看過一遍就有底了。
我自己最常用的是 「僅限個人主要日曆」 過濾,確保便利貼上只出現自己帳號的行程,不會混進他人共用的行事曆,畫面乾淨又準確。
💻 需要長時間用瀏覽器工作的人
需要開會、簡報或線上研討時,把工具列停靠在右側或左側直排,寬度只有 104px,完全不遮擋工作內容,卻能隨時瞄一眼下一個行程,非常方便。
🔧使用教學:從下載到開始使用
🚀 安裝步驟(Chrome 擴充功能 + GAS 後端)
- 點擊上方按鈕前往 GitHub Release 頁面,下載
source code.zip並解壓縮。 - 開啟
gas/Code.gs,複製全部程式碼。 - 前往 Google Apps Script 官網 建立新專案,命名為「網頁行事曆便利貼 API」,貼上程式碼並儲存。
- 點擊「部署」→「新增部署」→ 選取類型為「網頁應用程式」。
- 執行身分:選擇「我」;誰可以存取:選擇「所有人」。
- 通過 Google 授權(允許讀寫日曆),複製產生的
Web App URL。 - 在 Chrome 開啟
chrome://extensions/,開啟右上角「開發人員模式」。 - 點擊「載入未封裝項目」,選取解壓縮後包含
manifest.json的專案資料夾。 - 點擊瀏覽器工具列的 📅 圖示,貼上 Web App URL(會自動永久儲存)。
- 選擇日曆範圍與便利貼尺寸,點擊「🔄 立即同步行程」,完成!
⚠️ 此工具使用 Google Apps Script 作為後端 API,完全由你自己的 Google 帳號控管,不用申請 Google Cloud OAuth 審核,設定快速、權限安全透明。
📌 日常操作重點
- 切換停靠位置:點擊工具列「📐 靠右直排 / 靠左直排 / 靠底橫排」,三段式循環切換。
- 拖曳滑動:在小便利貼區按住左鍵拖曳(橫排左右、直排上下)。
- 收合便利貼:點 ✕ 收合單張;「📁 全部收合 / 📂 全部展開」一次處理全部。
- 工具列縮起:點 ◀ 收至左下角膠囊標籤,點膠囊一鍵展開。
- 跨分頁常駐:切換分頁、開新頁面,便利貼與收合狀態都無縫維持。
🎁 貼心小功能
- 日曆來源範圍過濾:僅限個人主要日曆(推薦)/ 個人擁有日曆 / 所有日曆。
- 便利貼尺寸切換:標準 100% 或精簡約 50%,螢幕空間隨心省。
- 快速新增行程:面板直接填寫標題、時間、地點與備註,一鍵寫入日曆。
- 直達 Google 日曆:點便利貼 🔗 或任一行程,直接跳轉當日行程。
💡技術亮點
這款擴充功能在技術上用到了這些技術:
Chrome Manifest V3 Google Apps Script Google Calendar API Content Script 注入 Service Worker chrome.storage.local chrome.alarms 跨分頁廣播同步
擴充功能採用 Manifest V3 架構,由 background service worker 負責透過 GAS 抓取日曆資料、定期背景同步與跨分頁廣播,content script 負責把便利貼注入到每個網頁中並處理拖曳、收合與尺寸切換。行程資料快取在 chrome.storage.local,換分頁也能即時還原,達成「開任何網頁都看得到行程」的核心體驗。
🤝結語
做這款工具的初衷很單純:讓行程「看得見」。與其每天手動翻行事曆,不如讓行程自動貼在你每天開的網頁上,一開電腦就看到今天該做的事。