iT邦幫忙

chrome extension相關文章
共有 41 則文章
鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 5

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

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

技術 如何使用2Captcha的谷歌拓展程序繞過驗證碼

導讀:一般來說,使用自動繞過谷歌驗證碼的服務的人群是程序員,尤其是自動化程序開發者,爬蟲工程師等。當然,對於一般的人而已,使用自動繞過驗證碼服務的情況大多是需要...

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 自我挑戰組 DAY 2

技術 [拯救上班族的 Chrome 擴充套件] Chrome Extension 是什麼酷東西? 跟著官方做 Hello Extensions

嗨各位,我是 Robin 今天想跟大家分享如同標題, 到底什麼是 Chrome Extension? 不知道各位有沒有在 Chrome 線上應用程式商店 搜...

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 自我挑戰組 DAY 4

技術 [拯救上班族的 Chrome 擴充套件] Chrome Extention 的訊息傳接球

Hi 各位大大~今天要來分享在 Chrome extension 訊息傳遞的部分,主要算是官方文件的導讀,我們為什麼需要傳遞訊息? 官方文件:Since co...

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Software Development DAY 13

技術 [Day13] 瀏覽器開發工具 - 自行開發篇

這個系列的最後,我想要整理一下如何開發擴充功能的起手式。 從前面的介紹可以大致了解各種主要情境下的操作,以及針對前端開發上可以使用的偵錯工具。 但是有些情況下還...

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 自我挑戰組 DAY 1

技術 [拯救上班族的 Chrome 擴充套件] 來說說文章走向和目標

嗨各位,我是 Robin 這次參賽主要是為了宣示要解決各位上班族最大的痛點,就是... 時常會忙到忘記喝水! 認同請按讚分享! 提醒喝水有很多種方式,是不...

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 26
Chrome extension 學習手札 系列 第 26

技術 Chrome extension 學習手札 26 - 測試上架

因為從來沒有上架過,今天剛好就筆記一下,嘗試上架功能,並且以官方的文件為參考進行步驟 官方文件 先登入到Google開發者平台, 點選「新增商品」...

鐵人賽 自我挑戰組 DAY 6

技術 [拯救上班族的 Chrome 擴充套件] 當朋友問我說,為什麼我的頁面怎麼開都是貓咪,你有頭緒嗎? 我 __ __ 怎麼會知道。

經過昨天一鍵插入所有貓咪到每個頁面後,發現一打開新的頁面又是嶄新的開始, 那怎麼可以?今天我們要學會如何在頁面載入時,也插入貓咪的圖片。 今天會學到 如何使...

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 1

技術 Chrome extension 學習手札 01 - 介紹與前言

前言 大家好,我是一位前端新手Tris,由於曾經在side project 以及工作上接觸過這個應用程式,進而更深入的研究以後發現chrome支援度非常的高,對...

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

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