Představení tvorby rozšíření pro prohlížeč Google Chrome a srovnání možností s rozšířeními prohlížeče Firefox. Přednášeli Martin Hassman a David Majda. Součástí přednášky bylo "živé" kódování rozšíření Quoter. Odkaz na jeho zdrojové kódy najdete uvnitř prezentace.

1. V čem je tvorba rozšíření v Google Chrome
lepší než ve Firefoxu?
Martin Hassman, @hassmanm
David Majda, @dmajda

2. Jaký je význam rozšíření (add-ons, extensions)?

3. Rozšíření Firefoxu
XML “oživené”
JavaScriptem
Historický vývoj
(Mozilla, 1998)
Až donedávna
žádná konkurence

4. Rozšíření Chrome
Bezpečnost
Rychlá učící křivka
HTML+CSS+JS
API !!!
nezávislé procesy

5. Možnosti rozšíření v Chrome
Browser action
Page action
Content script

6. Browser action
Tlačítko v hlavní liště
Vyskakující “dialog”

7. Struktura Browser action
manifest.json
popup.html
ikonka

8. Page action
Tlačítko v hlavní liště
Jako browser action,
ale pro vybrané stránky

9. Struktura page action
manifest.json
popup.html
ikonka
....detekce

10. Background page
Běží po dobu spuštění
prohlížeče

11. Background page
Běží po dobu spuštění
prohlížeče
Může sledovat načítání stránek
chrome.tabs.onUpdated.addListener()

12. Content script
Mění web. stránky
Zabezpečení
Izolovanost
Komunikace
zprávami

13. Content script
Mění web. stránky
Zabezpečení
Izolovanost
Komunikace
zprávami

14. Extensions API
Tabs
Windows
Bookmarks
Extensions
i18n

15. Extensions API
Chystá se:
Tabs History
Windows Processes
Bookmarks
Extensions
i18n

16. Silné stránky
Není třeba restart
prohlížeče
Není problém při upgrade
prohlížeče
Nejsou konflikty mezi
rozšířeními

17. Silné stránky 2
Možnost vyvíjet v Javě
(Google Web Toolkit)
Možnost využívat JS
jazyky a la Objective-J
(Capuccino)

18. Slabiny
Omezená práce
s GUI prohlížeče
Nemožné změnit
chování prohlížeče

19. Firefox a JetPack
Nová generace rozšíření
do Firefoxu
Zatím omezený prototyp
Mozilla Labs
V roadmap řadu věcí
podobných Chrome a
něco navíc

20. Firefox vs. Chrome
Inovátoři - určitě Firefox (neomezené možnosti)
Složitá rozšíření/aplikace - spíše Firefox
Jednodušší rozšíření - spíše Chrome

21. Budoucnost

22. Budoucnost
Chrome vs. JetPack?
A další prohlížeče?
Jednotné API?

24. Quoter extension
Stažení
https://chrome.google.com/extensions/detail/
ajmdopohofmfdfkodedfimfdliodpian
Zdrojáky
http://bitbucket.org/dmajda/quoter/

25. Odkazy
Hlavní stránka
http://code.google.com/chrome/extensions/
Hello World
http://code.google.com/chrome/extensions/getstarted.html
Ukázky
http://code.google.com/chrome/extensions/samples.html

26. Google User Group
www.gug.cz, cvut.gug.cz
TOP CHROME EXTENSIONS
Vývojářská soutěž o ceny
Uzávěrka 30. března