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
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
430
Six and a half ridiculous things to do with Quarkus
hollycummins
0
210
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
290
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
810
20251016_Rails News ~Rails 8.1の足音を聴く~
morimorihoge
3
730
Go言語はstack overflowの夢を見るか?
logica0419
0
600
CSC305 Lecture 08
javiergs
PRO
0
280
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
630
AI 駆動開発におけるコミュニティと AWS CDK の価値
konokenj
5
250
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
7.7k
contribution to astral-sh/uv
shunsock
0
540
Devoxx BE - Local Development in the AI Era
kdubois
0
140
Featured
See All Featured
Faster Mobile Websites
deanohume
310
31k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Gamification - CAS2011
davidbonilla
81
5.5k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Automating Front-end Workflow
addyosmani
1371
200k
Side Projects
sachag
455
43k
Six Lessons from altMBA
skipperchong
29
4k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Typedesign – Prime Four
hannesfritz
42
2.8k
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