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
95
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
73
Other Decks in Programming
See All in Programming
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
540
What's new in Spring Modulith?
olivergierke
1
130
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
2
630
CSC305 Lecture 06
javiergs
PRO
0
210
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
390
Serena MCPのすすめ
wadakatu
4
950
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
teamlab
PRO
0
200
Devvox Belgium - Agentic AI Patterns
kdubois
1
100
Swift Concurrency - 状態監視の罠
objectiveaudio
2
490
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
490
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
3
4.8k
CSC305 Lecture 05
javiergs
PRO
0
210
Featured
See All Featured
Music & Morning Musume
bryan
46
6.8k
Statistics for Hackers
jakevdp
799
220k
Designing Experiences People Love
moore
142
24k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Visualization
eitanlees
148
16k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Done Done
chrislema
185
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
860
Mobile First: as difficult as doing things right
swwweet
224
10k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
Why Our Code Smells
bkeepers
PRO
339
57k
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