這是一款專為 Coursera 平台深度客製化的瀏覽器自動化工具。
Coursera 自動學習助手 — 自動播放、自動跳頁與標記完成，並顯示學習狀態與操作紀錄。這個擴充可幫助你在 Coursera 課程中節省時間與操作步驟，透過自動播放與智能翻頁快速推進學習流程。
在進行線上學習時，頻繁的手動點擊（如：播放影片、等待材料閱讀秒數、切換下一頁、點擊完成標記）會不斷打斷學習心流。為了解決這個降低學習效率的痛點，我開發了這套自動化腳本。它能無縫將一個控制側邊欄注入到 Coursera 介面中，全自動代勞繁瑣的流程，讓使用者能體驗真正「免動手」的沉浸式學習。
此專案不僅展現了前端自動化流程的實作，更體現了處理單頁應用程式（SPA）架構與動態 DOM 結構的進階能力。
核心亮點
- 全自動化學習工作流
具備影片自動播放（並預設開啟 2 倍速）、課程材料智慧倒數（如閱讀材料 35 秒後自動標記）與自動尋找並點擊「下一頁」功能。大幅減少滑鼠點擊次數，極大化時間投資報酬率。 - 無縫整合的客製化側邊欄 (Sidebar UI)
透過計算與操作 DOM 節點，在不破壞 Coursera 原生排版的前提下，於畫面右側注入獨立的控制面板。提供播放暫停控制，並將學習狀態數據化（影片/材料/其他進度）。 - 透明的操作紀錄與狀態追蹤 (Real-time Logs)
內建執行紀錄面版，即時顯示系統當前狀態（如：影片觀看中、材料閱讀倒數、跳轉中），讓背景自動化的每一步都透明可見，提升使用者的信任感與掌控度。 - 完美相容 SPA 網站架構
針對 Coursera 的 Single Page Application 特性，深入攔截並改寫瀏覽器的 History API (pushState,replaceState)，確保在不重新整理頁面的情況下，擴充功能依然能精準捕捉路由變化並正確執行對應邏輯。
技術概覽
- 主要技術： JavaScript, Chrome Extension API (Content Scripts), HTML/CSS
- 實踐重點： * 運用原生 JS 進行複雜的 DOM 結構重構（注入 Parallel Layout）。
- 透過攔截 History API 解決 SPA 路由監聽難題。
- 實作動態元素輪詢（Polling）與非同步等待（Promise）機制，確保自動點擊與翻頁邏輯在各類網路延遲下皆能穩定觸發。