iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 Like 0 留言 47 瀏覽

技術從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 5

Day 5：Chrome Extension 實作篇 - manifest.json 權限設定實作 🎯 系列目標：用 30 天時間，從零開始打造一個專屬輔大學...

alan_1024 ‧ 2025-09-20

1 Like 0 留言 140 瀏覽

技術從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 3

Day 3：Chrome Extension 實作篇 - manifest.json 基本資訊實作 🎯 系列目標：用 30 天時間，從零開始打造一個專屬輔大學...

alan_1024 ‧ 2025-09-18

1 Like 0 留言 73 瀏覽

技術從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 4

Day 4：Chrome Extension 理論篇 - manifest.json 權限設定概念 🎯 系列目標：用 30 天時間，從零開始打造一個專屬輔大學...

alan_1024 ‧ 2025-09-19

0 Like 0 留言 130 瀏覽

技術從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 2

Day 2：Chrome Extension 的基本架構與檔案結構 - manifest.json 基本資訊(1) 🎯 系列目標：用 30 天時間，從零開始打...

alan_1024 ‧ 2025-09-17

0 Like 0 留言 206 瀏覽

技術從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 1

Day 1：認識 Chrome Extension 🎯 系列目標：用 30 天時間，從零開始打造一個專屬輔大學生的課表生成 Chrome 擴充功能 👨‍💻 作...

alan_1024 ‧ 2025-09-16

0 Like 2 留言 853 瀏覽

鐵人賽 Modern Web DAY 30

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 30 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day30 不是結束的完賽感言

Hi Dai Gei Ho~ 我是Winnie ~ 來到第30天，終於我可以名正言地來寫30天總結及完賽感言啦。這次是第二次參加鐵人賽了，從九月的第一天...

Winnie Wu ‧ 2022-09-30 ‧團隊啊 ah

0 Like 0 留言 1425 瀏覽

鐵人賽 Modern Web DAY 29

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 29 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day29 發布你的Extension 吧

Hi Dai Gei Ho~ 我是Winnie ~ 終於鐵人賽來到第29天，前面介紹了許多方法功能方法應用，但在此篇文章中要來說說比較非技術層面的內容，就是關...

Winnie Wu ‧ 2022-09-29 ‧團隊啊 ah

0 Like 0 留言 762 瀏覽

鐵人賽 Modern Web DAY 28

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 28 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day28 螢幕畫面分享(下篇)

Hi Dai Gei Ho~ 我是Winnie ~ 延續昨天螢幕畫面分享上篇章節，我們透過 Chrome.desktopCapture 方法，在Extensi...

Winnie Wu ‧ 2022-09-28 ‧團隊啊 ah

0 Like 0 留言 1059 瀏覽

鐵人賽 Modern Web DAY 27

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 27 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day27 螢幕畫面分享(上篇)

Hi Dai Gei Ho~ 我是Winnie ~ 在此篇文章中，我們要來實作 Chrome Extension 畫面分享功能。取得 desktopCapt...

Winnie Wu ‧ 2022-09-27 ‧團隊啊 ah

0 Like 0 留言 1673 瀏覽

鐵人賽 Modern Web DAY 26

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 26 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 26 Extension 右鍵關鍵字搜尋 Youtube 讓你可以多喝一瓶多多

Hi Dai Gei Ho~ 我是Winnie ~ 在剩下來幾篇文章中，我們將進入Chrome Extension 小功能實作篇不知道大家平時會不會有一...

Winnie Wu ‧ 2022-09-26 ‧團隊啊 ah

0 Like 0 留言 968 瀏覽

鐵人賽 Modern Web DAY 25

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 25 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 25 請小心 ! 當 Extension 注入 CSS 時

Hi Dai Gei Ho~ 我是Winnie ~ 想到當初在開發Chrome Extension 時，除了遇到在 Content Script 中使無法用...

Winnie Wu ‧ 2022-09-25 ‧團隊啊 ah

0 Like 0 留言 776 瀏覽

鐵人賽 Modern Web DAY 24

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 24 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 24 用 Vue 開啟你的 Extension 吧

Hi Dai Gei Ho~ 我是Winnie ~ 回憶過去，在這24天的內容中，我們已經介紹了 Chrome Extension 的核心運作、使用方法，同時...

Winnie Wu ‧ 2022-09-24 ‧團隊啊 ah

0 Like 0 留言 1636 瀏覽

鐵人賽 Modern Web DAY 22

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 22 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 22 Content Script 中使用 ES6 Module （補充說明篇）

Hi Dai Gei Ho~ 我是Winnie ~ 在昨天章節的內容中，我們介紹了如何在 Extension 中使用 Es6 Module，其中 Conten...

Winnie Wu ‧ 2022-09-22 ‧團隊啊 ah

0 Like 0 留言 1580 瀏覽

鐵人賽 Modern Web DAY 23

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 23 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 23 在 Content Script 中使用 Iframe

Hi Dai Gei Ho~ 我是Winnie ~ 在此篇文章中，我們要來說如何在 Content Script 中使用 Iframe 及解決的問題。...

Winnie Wu ‧ 2022-09-23 ‧團隊啊 ah

0 Like 0 留言 1954 瀏覽

鐵人賽 Modern Web DAY 21

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 21 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 21 Extension 中的 ES6 Module

Hi Dai Gei Ho~ 我是Winnie ~ 在前面文章中，我們介紹到 Vite 主要運作核心為 ES6 Module ，透過ES6 Moduleimpo...

Winnie Wu ‧ 2022-09-21 ‧團隊啊 ah

0 Like 0 留言 1423 瀏覽

鐵人賽 Modern Web DAY 20

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 20 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 20 用 Vite 實現套件自動更新

Hi Dai Gei Ho~ 我是Winnie ~ 在昨天文章中我們簡單介紹 Vite 基本內容與設定後，在此篇文章中我們要來說說如何透過Vite實現開發熱更新...

Winnie Wu ‧ 2022-09-20 ‧團隊啊 ah

0 Like 0 留言 1350 瀏覽

鐵人賽 Modern Web DAY 19

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 19 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 19 用 Vite 創建一個 Extension 吧

Hi Dai Gei Ho~ 我是Winnie ~ 從此篇文章開始，我們將進入使用 Vite 開發 Extension 系列篇。經過了這麼多天的介紹，...

Winnie Wu ‧ 2022-09-19 ‧團隊啊 ah

0 Like 0 留言 1168 瀏覽

鐵人賽 Modern Web DAY 18

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 18 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 18 getURL 取得公開資源

Hi Dai Gei Ho~ 我是Winnie ~ 連續幾天我們介紹了需多關於 Chrome Extension 常見API的使用方法。但在今天文章結束後，...

Winnie Wu ‧ 2022-09-18 ‧團隊啊 ah

0 Like 0 留言 1542 瀏覽

鐵人賽 Modern Web DAY 17

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 17 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 17 Tab 頁籤的操作

Hi Dai Gei Ho~ 我是Winnie ~ 在此篇文章中，我們要來針對 Tab 頁籤的操作與監聽事件使用方法來進行介紹。如果大家還有印象，在前...

Winnie Wu ‧ 2022-09-17 ‧團隊啊 ah

0 Like 0 留言 2190 瀏覽

鐵人賽 Modern Web DAY 16

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 16 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 16 Storage 資料存取

Hi Dai Gei Ho~ 我是Winnie ~ 關於今天的主題 Storage 相信大家多少不太陌生，甚至平時在開發網站時多少有使用過它，例如最常見的應用...

Winnie Wu ‧ 2022-09-16 ‧團隊啊 ah

0 Like 0 留言 1248 瀏覽

鐵人賽 Modern Web DAY 15

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 15 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 15 Message Passing跨Extension間的傳遞 (下)

Hi Dai Gei Ho~ 我是Winnie ~ 如果說昨日的內容是學會內部溝通，那麼在今天文章中，我們要來學習與外界溝通，所以在此篇文章中我們要繼續延續上...

Winnie Wu ‧ 2022-09-15 ‧團隊啊 ah

0 Like 1 留言 2905 瀏覽

鐵人賽 Modern Web DAY 14

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 14 篇

技術 # 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 14 資料的傳遞 Message Passing (上)

Hi Dai Gei Ho~ 我是Winnie ~ 今天文章已經來到了14篇，而在開始進入今天主題之前，我想來回顧一下前面13篇文章的內容。在前面文章中，我...

Winnie Wu ‧ 2022-09-14 ‧團隊啊 ah

0 Like 0 留言 1012 瀏覽

鐵人賽 Modern Web DAY 13

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 13 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 13 Option Page

Hi Dai Gei Ho~ 我是Winnie ~ 在此篇文章中，我們要來介紹 Extension 的擴充頁面 - Option Page 。什麼是 Opti...

Winnie Wu ‧ 2022-09-13 ‧團隊啊 ah

1 Like 0 留言 1737 瀏覽

鐵人賽 Modern Web DAY 12

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 12 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 12 用 Action 操作 Extension UI 吧 (下)

Hi Dai Gei Ho~ 我是Winnie ~ 在此篇文章內容中，我們要延續昨天 Chrome Action 主題，針對 Action 的啟用時機來進行介...

Winnie Wu ‧ 2022-09-12 ‧團隊啊 ah

0 Like 0 留言 1307 瀏覽

鐵人賽 Modern Web DAY 11

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 11 篇

技術 # 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 11 用 Action 操作 Extension UI 吧 (上)

Hi Dai Gei Ho~ 我是Winnie ~ 截至目前為止，在此系列文章中，我們介紹了Manitfest、Background 、 Coontent S...

Winnie Wu ‧ 2022-09-11 ‧團隊啊 ah

0 Like 0 留言 2790 瀏覽

鐵人賽 Modern Web DAY 10

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 10 篇

技術 # 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 10 Content Script

Hi Dai Gei Ho~ 我是Winnie ~ 首先大家中秋節快樂，在此篇文章中我們要來介紹 Chrome Extension 中的 Content...

Winnie Wu ‧ 2022-09-10 ‧團隊啊 ah

0 Like 1 留言 1991 瀏覽

鐵人賽 Modern Web DAY 9

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 9 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day9 Background 事件監聽器

Hi Dai Gei Ho~ 我是Winnie ~經過前面關於 Service Worker 的觀念與應用介紹後，想必大家對於 Background 基本的基本...

Winnie Wu ‧ 2022-09-09 ‧團隊啊 ah

0 Like 0 留言 1555 瀏覽

鐵人賽 Modern Web DAY 8

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 8 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day8 Service Worker 訂閱推播

Hi Dai Gei Ho~ 我是Winnie ~ 同樣地延續Service Worker的主題(是SW系列的最後一篇了)，今天我們要來實作 service...

Winnie Wu ‧ 2022-09-08 ‧團隊啊 ah

0 Like 0 留言 1883 瀏覽

鐵人賽 Modern Web DAY 7

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 7 篇

技術 # 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day7 Service Worker 離線快取

Hi Dai Gei Ho~ 我是Winnie ~ 延續昨的主題，我們介紹了Service Worker的運作，接著此篇文章中我們要透過簡單實作離線快取進一步...

Winnie Wu ‧ 2022-09-07 ‧團隊啊 ah

1 Like 0 留言 3222 瀏覽

鐵人賽 Modern Web DAY 6

你知道這是什麼嗎？ Chrome Extension MV3 With Vite 系列第 6 篇

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day6 關於Service Worker

Hi Dai Gei Ho~ 我是Winnie ~ 由於在上篇文章中我們提到了 Backgorund 的運作核心為 Service Worker，而近幾年最...

Winnie Wu ‧ 2022-09-06 ‧團隊啊 ah

技術 從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 5

技術 從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 3

技術 從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 4

技術 從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 2

技術 從零打造輔大課表神器：Chrome Extension 開發實戰 30 天 - Day 1

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day30 不是結束的完賽感言

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day29 發布你的Extension 吧

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day28 螢幕畫面分享(下篇)

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day27 螢幕畫面分享(上篇)

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 26 Extension 右鍵關鍵字搜尋 Youtube 讓你可以多喝一瓶多多

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 25 請小心 ! 當 Extension 注入 CSS 時

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 24 用 Vue 開啟你的 Extension 吧

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 22 Content Script 中使用 ES6 Module （補充說明篇）

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 23 在 Content Script 中使用 Iframe

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 21 Extension 中的 ES6 Module

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 20 用 Vite 實現 套件自動更新

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 19 用 Vite 創建一個 Extension 吧

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 18 getURL 取得公開資源

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 17 Tab 頁籤的操作

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 16 Storage 資料存取

技術 你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day 15 Message Passing跨Extension間的傳遞 (下)