Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

JSLovers Chrome Extension Meetup

Avatar for Jaswant Sandhu Jaswant Sandhu
December 21, 2015
Technology
25
0

JSLovers Chrome Extension Meetup

JSLovers Chrome Extension Meetup

Avatar for Jaswant Sandhu

Jaswant Sandhu

December 21, 2015

Other Decks in Technology

See All in Technology
AI時代のPRレビューにどう向き合うか？
Avatar for KairiM kairim0
1
240
NDIでApple Vision Proにリアルタイム映像送信
Avatar for jyouryuusui jyouryuusui
0
120
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
Avatar for Tamirlan 893 Torgayev prog893
4
1k
夫婦で子育てするための育児標準化
Avatar for コドモン開発チーム codmoninc
PRO
0
330
Webの常識が通じないHTMLメールのダークモード
Avatar for teamLab teamlab
PRO
0
120
Tofu-Controller lightning talk @ Containerday 2026
Avatar for Giovanni Toraldo gionn
0
100
日本語に強いオープンな大規模言語モデル「LLM-jp」
Avatar for Yusuke Oda odashi
4
1.1k
自作バイナリを動かす「入口」8選
Avatar for Takumi Sueda puhitaku
2
1.3k
AIにシークレットを見せない、WSL2で安全な開発環境
Avatar for yazm4 yazm
0
300
Running Kotlin + Quarkus with Lambda
Avatar for Nealle nealle
1
3.7k
Claude の新機能を、 出た日に触って社内に届けるまで
Avatar for ふくだ（fukuda ryu） rfdnxbro
1
170
PagerDuty Tech Hub-鳴らすけれど、人は動かない
Avatar for shinji ezaki ezaki
0
170

Featured

See All Featured
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
940
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.7k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
1k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.6k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.2k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
2
2k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
400
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7.1k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
590
Fireside Chat
Avatar for paigeccino paigeccino
43
4.1k

Transcript

  1. None

  2. Neha Sharma Tech Lead

  3. Tell us about you.

  4. Jaswant Singh Sandhu Front-End Architect

  5. Browser Extensions

  6. Why Extensions Extension are small add ons for your browser

    which adds new features to it. Browser extensions are made in using frontend technologies (HTML, CSS and Javascript).

  7. Support for Extensions

  8. Tools we need. Idea, Editor and lots of code

  9. None

  10. Your favorite editor.

  11. Understanding Chrome Extensions

  12. Content Scripts Background Scripts Popup Scripts

  13. Popup

  14. Background Script

  15. Content Script

  16. <code>

  17. Folder Structure

  18. Manifest https://developer.chrome.com/extensions/manifest

  19. Messaging https://developer.chrome.com/extensions/messaging

  20. i18n https://developer.chrome.com/extensions/i18n

  21. Event Pages https://developer.chrome.com/extensions/event_pages

  22. let’s get hands dirty Popup

  23. let’s get hands dirty Content Scripts

  24. Tea Break

  25. let’s get hands dirty Popup + Content Scripts

  26. let’s get hands dirty Messaging

  27. let’s get hands dirty Update Popup Content

  28. let’s get hands dirty Popup + Content Script + Background

    Scripts

  29. Q/A

  30. Feedback

  31. What’s Next

  32. Thank You