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
Web技術を最大限活用してRAW画像を現像する / Developing RAW Images on the Web
ssssota
2
1.2k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
120
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
kinocoboy2
4
660
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
910
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
510
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
170
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
580
クラシルを支える技術と組織
rakutek
0
190
Local Peer-to-Peer APIはどのように使われていくのか?
hal_spidernight
2
450
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
180
プログラマのための作曲入門
cheebow
0
540
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
ski
0
350
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Producing Creativity
orderedlist
PRO
347
40k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Docker and Python
trallard
46
3.6k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
How GitHub (no longer) Works
holman
315
140k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
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