Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ChromeExtensions_PIXNET

Avatar for CypressKuo CypressKuo
June 24, 2016
Technology
0
71

 ChromeExtensions_PIXNET

ChromeExtensions_PIXNET

Avatar for CypressKuo

CypressKuo

June 24, 2016
Tweet

More Decks by CypressKuo

See All by CypressKuo
Deep-copying.pdf
Avatar for CypressKuo cypresskuo
0
28
CSS_for_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
35
談談_Code_review.pdf
Avatar for CypressKuo cypresskuo
0
42
REST_vs_GraphQL_今夜はご注文はどっち.pdf
Avatar for CypressKuo cypresskuo
0
21
CSS_重構.pdf
Avatar for CypressKuo cypresskuo
0
22
跟上_JS_的腳步-ES2020.pdf
Avatar for CypressKuo cypresskuo
0
25
Core_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
51
這個時代人人都知道的敏捷開發.pdf
Avatar for CypressKuo cypresskuo
0
55
Webassembly.pdf
Avatar for CypressKuo cypresskuo
0
11

Other Decks in Technology

See All in Technology
自作JSエンジンに推しプロポーザルを実装したい！
Avatar for Saji sajikix
1
130
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
Avatar for Sansan R&D sansan_randd
1
120
RSCの時代にReactとフレームワークの境界を探る
Avatar for uhyo uhyo
9
2.8k
「魔法少女まどか☆マギカ Magia Exedra」での負荷試験の実践と学び
Avatar for gree_tech gree_tech
PRO
0
510
なぜSaaSがMCPサーバーをサービス提供するのか？
Avatar for SansanTech sansantech
PRO
7
2.3k
コスト削減の基本の「キ」～ コスト消費3大リソースへの対策 ～
Avatar for Makky12 smt7174
2
340
バッチ処理で悩むバックエンドエンジニアに捧げるAWS Glue入門
Avatar for morimorikochan diggymo
3
110
進捗
Avatar for ydah ydah
2
230
Language Update: Java
Avatar for Yuichi.Sakuraba skrb
2
240
「魔法少女まどか☆マギカ Magia Exedra」の必殺技演出を徹底解剖！ -キャラクターの魅力を最大限にファンに届けるためのこだわり-
Avatar for gree_tech gree_tech
PRO
0
510
研究開発と製品開発、両利きのロボティクス
Avatar for Yutaka Kondo youtalk
1
390
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
Avatar for Masaya Kudo msykd
PRO
1
310

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.9k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.8k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k

Transcript

  1. Chrome Extensions 開發入⾨ /14 1 CypressKuo @PIXNET F2E

  2. 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

  3. Basic Architecture ✤ manifest.json ✤ icon.png ✤ popup.html ✤ popup.js

    ✤ popup.css /14 3

  4. manifest.json /14 4

  5. Background ✤ persistent background pages ✤ event pages /14 5

  6. Content Script ✤ page's DOM /14 6

  7. Browser Action /14 7

  8. Page Action /14 8

  9. Debugging ✤ console.log is useful ✤ background or content scripts

    /14 9

  10. /14 10

  11. Packaging /14 11

  12. Demo /14 12

  13. 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

  14. Thank you /14 14