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 21

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

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

2022-09-21 ‧ 由 Winnie Wu 分享
DAY 22

你知道這是什麼嗎? Chrome extension MV3 With Vite - Day 22 Content Script 中使用 ES6 Module (補充說明篇)

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

2022-09-22 ‧ 由 Winnie Wu 分享
DAY 23

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

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

2022-09-23 ‧ 由 Winnie Wu 分享
DAY 24

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

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

2022-09-24 ‧ 由 Winnie Wu 分享
DAY 25

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

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

2022-09-25 ‧ 由 Winnie Wu 分享
DAY 26

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

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

2022-09-26 ‧ 由 Winnie Wu 分享
DAY 27

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

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

2022-09-27 ‧ 由 Winnie Wu 分享
DAY 28

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

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

2022-09-28 ‧ 由 Winnie Wu 分享
DAY 29

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

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

2022-09-29 ‧ 由 Winnie Wu 分享
DAY 30

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

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

2022-09-30 ‧ 由 Winnie Wu 分享