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
ChromeExtensions_PIXNET
Search
CypressKuo
June 24, 2016
Technology
0
54
ChromeExtensions_PIXNET
ChromeExtensions_PIXNET
CypressKuo
June 24, 2016
Tweet
Share
More Decks by CypressKuo
See All by CypressKuo
Deep-copying.pdf
cypresskuo
0
14
CSS_for_Web_Vitals.pdf
cypresskuo
0
19
談談_Code_review.pdf
cypresskuo
0
21
REST_vs_GraphQL_今夜はご注文はどっち.pdf
cypresskuo
0
4
CSS_重構.pdf
cypresskuo
0
8
跟上_JS_的腳步-ES2020.pdf
cypresskuo
0
21
Core_Web_Vitals.pdf
cypresskuo
0
27
這個時代人人都知道的敏捷開發.pdf
cypresskuo
0
34
Webassembly.pdf
cypresskuo
0
4
Other Decks in Technology
See All in Technology
サービス成長と共に肥大化するモノレポ、長くなるCI時間 / As services grow, monorepos get bigger and CI time gets longer
kohbis
5
2.1k
依存ライブラリはどこに?
takesection
0
110
Challenges - Open Farming Hackdays 2024
loleg
0
560
技育祭2024春 LT Finatextホールディングス
kevinrobot34
1
160
やっていきテスト
k6s4i53rx
0
160
匠MethodとRDRAとICONIXとDDDで実現する一気通貫オブジェクト指向開発
haru860
4
2k
マイクロサービス環境におけるDB戦略 in DMMプラットフォーム
pospome
11
3k
技術広報として2023年度に頑張ったこと / What we did well in FY2023 as a DevRel
pauli
5
460
Autify Company Deck
autifyhq
1
30k
Evolutionary Optimization of Model Merging Recipes
fuyu_quant0
3
520
技術イベントはなんとかひねり出す 日経の技術広報の取り組み/techpr3
nishiuma
0
220
統計的学習理論読み Chapter 2
kmatsui
1
210
Featured
See All Featured
Building Your Own Lightsaber
phodgson
97
5.6k
Navigating Team Friction
lara
177
13k
Into the Great Unknown - MozCon
thekraken
10
830
Practical Orchestrator
shlominoach
180
9.7k
The World Runs on Bad Software
bkeepers
PRO
60
6.6k
What's new in Ruby 2.0
geeforr
335
31k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Making Projects Easy
brettharned
106
5.4k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
14
1.3k
Transcript
Chrome Extensions 開發入⾨ /14 1 CypressKuo @PIXNET F2E
What are Chrome extensions? ✤ Extensions are small software programs
that can modify and enhance the functionality of the Chrome browser. ✤ You write them using web technologies such as HTML, JavaScript, and CSS. /14 2
Basic Architecture ✤ manifest.json ✤ icon.png ✤ popup.html ✤ popup.js
✤ popup.css /14 3
manifest.json /14 4
Background ✤ persistent background pages ✤ event pages /14 5
Content Script ✤ page's DOM /14 6
Browser Action /14 7
Page Action /14 8
Debugging ✤ console.log is useful ✤ background or content scripts
/14 9
/14 10
Packaging /14 11
Demo /14 12
References ✤ https://developer.chrome.com/extensions/manifest ✤ https://blog.longwin.com.tw/2014/01/chrome- extensions-plugin-develop-2014/ ✤ http://www.cnblogs.com/guogangj/p/ 3235703.html#t5 ✤
http://code.tutsplus.com/tutorials/developing- google-chrome-extensions--net-33076 /14 13
Thank you /14 14