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 1

你知道這是什麼嗎? Chrome Extension MV3 with Vite - 前言&大綱

Hi Dai Gei Ho~ 我是Winnie ~ 目前是一位前端工程師,目標是可以 持續在做自己喜歡的事。如果對於我還有一絲好奇的捧油可以看看 這篇文章 在...

2022-09-01 ‧ 由 Winnie Wu 分享
DAY 2

你知道這是什麼嗎? Chrome extension MV3 With Vite - Day2 運行環境&組成

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

2022-09-02 ‧ 由 Winnie Wu 分享
DAY 3

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

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

2022-09-03 ‧ 由 Winnie Wu 分享
DAY 4

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

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

2022-09-04 ‧ 由 Winnie Wu 分享
DAY 5

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

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

2022-09-05 ‧ 由 Winnie Wu 分享
DAY 6

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

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

2022-09-06 ‧ 由 Winnie Wu 分享
DAY 7

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

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

2022-09-07 ‧ 由 Winnie Wu 分享
DAY 8

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

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

2022-09-08 ‧ 由 Winnie Wu 分享
DAY 9

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

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

2022-09-09 ‧ 由 Winnie Wu 分享
DAY 10

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

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

2022-09-10 ‧ 由 Winnie Wu 分享