專為 Coursera 線上學習平台設計的瀏覽器自動化擴充功能。透過智慧注入控制側邊欄，將影片播放、材料閱讀與切換單元等繁瑣操作全自動化，為學習者打造無干擾的沉浸式學習體驗。
功能亮點
在進行線上學習時，頻繁的低價值點擊（如：影片播完手動點下一個、閱讀材料等待網頁倒數、手動勾選完成）會嚴重打斷大腦的思考與學習心流。開發這款工具的根本目的，是為了消除這些零碎的干擾，全自動代勞所有的機械式操作，讓使用者能百分之百專注於核心知識的吸收。
使用體驗
- 一鍵流暢自動化：啟動後，系統會自動處理影片的連續播放，並在材料閱讀倒數結束後自動標記完成，實現完全「免動手」的流暢學習。
- 直覺的側邊控制面板：在不破壞 Coursera 原生網頁排版的前提下注入面板，供使用者隨時切換開關、即時查看當前單元的進度統計。
- 透明的執行日誌：側邊欄內建即時執行日誌，將自動化腳本的每個動作公開呈現，讓使用者隨時掌握系統動態，提升操作的信任感。
工程設計
為了解決現代單頁應用（SPA）中網頁元素非同步動態載入、以及路由變化不重整網頁的特性，本專案採用了事件驅動與動態偵測相結合的架構設計。
我們將自動化邏輯、介面控制與網頁 DOM 監聽分層處理。透過監聽歷史路由事件，動態重置擴充功能的生命週期；並引入動態節點監控機制，精準應對動態載入的元素，確保在各種網路延遲下，自動化流程依然能保持高度穩定與強健性。
開發技術
- 核心技術：JavaScript (ES6), HTML, CSS
- 瀏覽器 API：Chrome Extension API (Content Scripts, Manifest V3)
- 設計模式與概念：DOM Manipulation, MutationObserver, DOM Event Listening
專案收穫
- 深入瀏覽器機制：不僅掌握了 Chrome 擴充功能的架構與通訊機制，更深入理解了動態單頁應用（SPA）的生命週期與渲染特性。
- 產品與 UX 思維：學會如何透過透明的狀態回饋（如 Logs 設計）來降低使用者對自動化腳本的不安全感，在技術實作中融入對使用者心理的體貼。