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

3 Like 0 留言 641 瀏覽

技術 Chrome Extension 製作筆記分享-提升你使用 Udemy 網站體驗的 Udemy Enhancer 套件

前言前陣子研究了 Chrome Extension(Chrome 擴充套件)，並且還製作了一個和 Udemy 相關的擴充套件 Udemy Enhancer，透...

harry xie ‧ 2023-07-30

0 Like 2 留言 496 瀏覽

鐵人賽 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 留言 560 瀏覽

鐵人賽 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 留言 380 瀏覽

鐵人賽 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 留言 545 瀏覽

鐵人賽 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 留言 737 瀏覽

鐵人賽 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 留言 450 瀏覽

鐵人賽 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 留言 528 瀏覽

鐵人賽 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 留言 773 瀏覽

鐵人賽 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 留言 878 瀏覽

鐵人賽 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 留言 896 瀏覽

鐵人賽 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 留言 869 瀏覽

鐵人賽 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 留言 828 瀏覽

鐵人賽 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 留言 511 瀏覽

鐵人賽 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 留言 642 瀏覽

鐵人賽 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 留言 1162 瀏覽

鐵人賽 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 留言 792 瀏覽

鐵人賽 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 留言 1539 瀏覽

鐵人賽 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 留言 622 瀏覽

鐵人賽 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 留言 1019 瀏覽

鐵人賽 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 留言 985 瀏覽

鐵人賽 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 留言 1739 瀏覽

鐵人賽 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 留言 1224 瀏覽

鐵人賽 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 留言 963 瀏覽

鐵人賽 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 留言 1304 瀏覽

鐵人賽 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 留言 2051 瀏覽

鐵人賽 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

1 Like 0 留言 2499 瀏覽

鐵人賽 Modern Web DAY 5

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

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day5 Background 背後腳本

Hi Dai Gei Ho~ 我是Winnie ~ 在此篇文章中，我們要近一步地介紹關於Background 背後腳本事件。內心戲小劇場: 讀者: 咦...

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

1 Like 0 留言 1456 瀏覽

鐵人賽 Modern Web DAY 4

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

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day4 Permission權限聲明

Hi Dai Gei Ho~ 我是Winnie ~ 此篇文章中，我們要來介紹 Permission 的相關使用。在上篇 Manifest 常見配置文章中，我...

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

1 Like 0 留言 2525 瀏覽

鐵人賽 Modern Web DAY 3

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

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day3 Manifest 配置

Hi Dai Gei Ho~ 我是Winnie ~ 經過上篇文章我們了解到 Manifest 為 Extension 的設定檔，關於擴充套件的相關訊息，包括...

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

1 Like 0 留言 1643 瀏覽

鐵人賽 Modern Web DAY 2

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

技術你知道這是什麼嗎？ Chrome extension MV3 With Vite - Day2 運行環境＆組成

Hi Dai Gei Ho~ 我是Winnie ~ 在上篇文章中，我們已初步的了解 Extension 是什麼後，接著再今天內容我們要再深入一步探討關於 Ex...

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

技術 Chrome Extension 製作筆記分享-提升你使用 Udemy 網站體驗的 Udemy Enhancer 套件

技術 你知道這是什麼嗎？ 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 23 在 Content Script 中使用 Iframe

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

技術 你知道這是什麼嗎？ 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間的傳遞 (下)