Build a Chrome Extension

Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.

目標 * 了解Chrome Extension是什麼，熟悉他的組成零件 * 了解官網提供給Chrome Extension開發者的功能以及限制 * 學會如何開發並且正式發佈一個Chrome bexte...

善用Evernote、Heptabase、Telegram等多款工具，打造AI第二大腦與一元筆記系統，協助學員從資訊收集到知識轉化。 500+場講座與工作坊，專注學員實作與成果回報，推動「數位生活力」與「AI生活實驗室」教學風格。 關注生成式AI與數位倫理發展，推動AI工具於科研、商業、教育場域的實作應用，擘劃AI助理與智慧工作未來藍圖。

Google Extension 套件是一個依附在 Google Chrome 瀏覽器上的小工具。 它本身其實就是一個簡易的 JavaScript, CSS, HTML 的組合，用來存取所在/特定頁面的 DOM、發送一些非同步請求......等。

Chrome Extension 是一個強大的平台，讓開發者能以 HTML、CSS、JavaScript 等前端技術打造自己的工具。 無論是為了解決個人需求、改善使用體驗，還是作為產品 MVP 的雛型開發平台，Chrome Extension 都是值得投資時間學習的技術。

如何製作 Chrome 擴充功能外掛？ ALPHA Camp 全端開發課程的學生番茄湯，分享他如何發想、製作、到上架他的 Chrome Extension「Find Sci paper」，還成功獲得了超過萬人下載的佳績。

Chrome Extension是一個運行在瀏覽器中的小型應用，透過 HTML、CSS 和 JavaScript 編寫，因此只要具備前端基礎三件套就能進行開發。