iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

你知道這是什麼嗎? Chrome Extension MV3 With Vite 系列

你知道這是什麼嗎? 用 Vite3 & Vue3 來開發一個最新版的 Chrome Extension (Manifest 3) ,

雖然我不是爬山專家 ,但333確實聽起來很潮對嗎?

以上白話翻譯:

此系列文章將會介紹 Chrome Extension MV3 相關架構及運作生命週期,且透過 Vite & Vue3 結合 Chrome 所提供的各項API 來實作各項功能使用情境及可能遇到的規範(坑 。

鐵人鍊成 | 共 30 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文 團隊啊 ah
DAY 11

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

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

2022-09-11 ‧ 由 Winnie Wu 分享
DAY 12

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

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

2022-09-12 ‧ 由 Winnie Wu 分享
DAY 13

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

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

2022-09-13 ‧ 由 Winnie Wu 分享
DAY 14

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

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

2022-09-14 ‧ 由 Winnie Wu 分享
DAY 15

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

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

2022-09-15 ‧ 由 Winnie Wu 分享
DAY 16

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

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

2022-09-16 ‧ 由 Winnie Wu 分享
DAY 17

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

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

2022-09-17 ‧ 由 Winnie Wu 分享
DAY 18

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

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

2022-09-18 ‧ 由 Winnie Wu 分享
DAY 19

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

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

2022-09-19 ‧ 由 Winnie Wu 分享
DAY 20

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

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

2022-09-20 ‧ 由 Winnie Wu 分享