Сергей Рашитов рассказывает об отличиях API для расширений браузеров.

1. Особенности разработки кросс-браузерных
расширений
Рашитов Сергей
4b.69.6d.6f@gmail.com

2. Множество браузеров
Internet Explorer Firefox Google Chrome Safari Opera

3. Архитектурные различия
Фоновая
страница
Вкладка #1
Вкладка #2
Вкладка #3

4. Архитектурные различия
XUL Window
XUL Overlay
XUL Tab #1
XUL Browser #1
DOM
XUL Tab #2
XUL Browser #2
DOM

5. Архитектурные различия
XUL Window
XUL Script
XUL Tab #1
XUL Browser #1
DOM
XUL Tab #2
XUL Browser #2
DOM
bootstrap.js

6. Архитектурные различия
XUL Window
XUL Script
XUL Tab #1
XUL Browser #1
bootstrap.js
Frame script
DOM

7. Архитектурные различия
Browser Helper Object(dll)
Вкладка #1
Browser Helper Object(dll)
Вкладка #2

8. Поддержка технологий
● Хотите ли поддерживать IE?

9. Поддержка технологий
● Хотите ли поддерживать IE?
● IE 8 — CSS 2 и JScript (ES 3)

10. Поддержка технологий
● Хотите ли поддерживать IE?
● IE 8 — CSS 2 и JScript (ES 3)
● IE 9 — CSS 3 и ES 5

11. Поддержка технологий
● Хотите ли поддерживать IE?
● IE 8 — CSS 2 и JScript (ES 3)
● IE 9 — CSS 3 и ES 5
● Пишите для корпоративного сектора?

12. Поддержка технологий
● Хотите ли поддерживать IE?
● IE 8 — CSS 2 и JScript (ES 3)
● IE 9 — CSS 3 и ES 5
● Пишите для корпоративного сектора?
● IE 8 и Firefox 4 (JavaScript 1.8)

13. Поддержка технологий
● Хотите ли поддерживать IE?
● IE 8 — CSS 2 и JScript (ES 3)
● IE 9 — CSS 3 и ES 5
● Пишите для корпоративного сектора?
● IE 8 и Firefox 4 (JavaScript 1.8)
● Иначе — зависит от задачи.

14. БОЛЬ

15. ● IE 8
БОЛЬ

16. ● IE 8
● IE 9 + IE 8 Compatibility Mode (CM)
БОЛЬ

17. ● IE 8
● IE 9 + IE 8 Compatibility Mode (CM)
● IE 10 + IE 9 CM + IE 8 CM
БОЛЬ

18. ● IE 8
● IE 9 + IE 8 Compatibility Mode (CM)
● IE 10 + IE 9 CM + IE 8 CM
● IE 11 …
БОЛЬ

19. ● IE 8
● IE 9 + IE 8 Compatibility Mode (CM)
● IE 10 + IE 9 CM + IE 8 CM
● IE 11 …
● А еще есть Quirks Mode
БОЛЬ

20. ● IE 8
● IE 9 + IE 8 Compatibility Mode (CM)
● IE 10 + IE 9 CM + IE 8 CM
● IE 11 …
● А еще есть Quirks Mode
● И Doctype
БОЛЬ

21. ● IE 8
● IE 9 + IE 8 Compatibility Mode (CM)
● IE 10 + IE 9 CM + IE 8 CM
● IE 11 …
● А еще есть Quirks Mode
● И Doctype
● И x64
БОЛЬ

22. Браузероспецифичное
● Какие есть плюшки?

23. ● Какие есть плюшки?
● Cross-domain запросы
● Постоянное хранилище данных
● Доступ к файловой системе
● Работа с периферийными устройствами
● NPAPI
● … и т. д. и т. п.
Браузероспецифичное

24. Кросс-браузерность
Как быть?

25. ● Писать отдельно под каждый браузер
Как быть?
Кросс-браузерность

26. ● Писать отдельно под каждый браузер
● Унифицировать разработку
Как быть?
Кросс-браузерность

27. ● Писать отдельно под каждый браузер
● Унифицировать разработку
● Разделение на Background и Foreground
● Greasemonkey
● Комбинированный подход
Как быть?
Кросс-браузерность

28. Greasemonkey
● Greasemonkey — расширение Mozilla Firefox, позволяющее
добавить на любую страницу пользовательский JavaScript,
записанный в формате этого расширения.
● Пример заголовка:
// ==UserScript==
// @include http://www.example.com/foo/*
// @exclude http://www.example.com/foo/baz
// @include /^https?://www.example.com/.*$/
// ==/UserScript==

29. Ну вот и все
Что делать новичку?

30. Ну вот и все
● Написать расширение под любимый браузер
● Использовать семейство Greasemonkey
● Взять готовый framework
● Kango
● BabelExt
● Использовать web решения
● сrossrider.com
● сrossbrowser.com
Что делать новичку?

31. Вопросы?
WAT?WAT?