Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Getting Started With Chrome Extensions
Search
Steve Kibuika
July 31, 2022
Programming
0
94
Getting Started With Chrome Extensions
A shallow dive into chrome extensions, how to build one and how I built one.
Steve Kibuika
July 31, 2022
Tweet
Share
More Decks by Steve Kibuika
See All by Steve Kibuika
The Closure(s) you need
kibuika
0
85
Google Maps API: Beyond the Map
kibuika
1
70
Other Decks in Programming
See All in Programming
ReadMoreTextView
fornewid
1
480
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
320
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
890
ニーリーにおけるプロダクトエンジニア
nealle
0
490
WindowInsetsだってテストしたい
ryunen344
1
190
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
380
GraphRAGの仕組みまるわかり
tosuri13
8
480
「ElixirでIoT!!」のこれまでとこれから
takasehideki
0
370
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
250
Java on Azure で LangGraph!
kohei3110
0
170
A2A プロトコルを試してみる
azukiazusa1
2
1.1k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
How to Ace a Technical Interview
jacobian
277
23k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Why Our Code Smells
bkeepers
PRO
337
57k
KATA
mclloyd
29
14k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
930
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Raft: Consensus for Rubyists
vanstee
140
7k
Transcript
GETTING STARTED WITH CHROME EXTENSIONS Steve Kibuika by
Just in case slides at kibuika.com/ext-ppt extension repo at kibuika.com/grauchi-ext
tweet me at @the_kibuika
The atomics of chrome extensions manifest.json() The heart of the
extension. This is where all configurations live.
Manifest file format
Let's code
More manifest options... description icons action content_scripts background : {"service_worker":
"background.js}
Content Scripts Uses the DOM to read details and make
changes to web pages They work in isolated worlds (private execution environments) Declared statically Programmatically injected How to load content scripts:
Let's code
The Grauchi Extension All mixes under The Good Company youtube
channel are not well named. There is no way to tell whether a video is a HipHop/Afrobeats/Reggae/Pop mix. Perfect problem for an extension!!!
Problem specifics Finding the videos and their titles Replacing the
titles with appropriate titles Finding the appropriate titles Scaling
The HOW Lets look at the code
Questions??
Find me twitter @the_kibuika github kibuika.com/git