2.3 Особенности разработки расширений

С зрения пользователя Chrome мало от обычных В то время с зрения программиста устроены совсем Какие-то операции проще, какие-то сложнее. интерфейсы, использующиеся являются стандартами хорошо известны веб-разработчикам. Для используются HTML5 CSS3, для с HTTP – XMLHTTPRequest и т.д.

, что также надо учитывать,

, что также надо учитывать,

, что также надо учитывать,

В Chrome приложениях и расширениях практически без дополнительных усилий реализуется синхронизация между экземплярами приложения на разных компьютерах. Работа с файлами, как и все другие интерфейсы, зависящие от внешних ресурсов, устроена асинхронно. С одной стороны, несколько усложняет для соответствующих с другой – гарантирует отзывчивость и предотвращает блокировки.

, что также надо учитывать,

, что также надо учитывать,

одна особенность – управление безопасностью. В Chrome устроено иначе, в других браузерах и больше походит на безопасности в К внедрению программных разработчики Chrome подходили консервативно. разработке системы со временем снизить ограничения чем сделать более строгими. результате, например, приложений неограниченного доступа файловой они с файлами, принадлежащими открытыми пользователем.

, что также надо учитывать,

программирования Chrome является JavaScript. Но не код писать на Есть несколько позволяющих использовать Chrome приложении на других программирования. Среди них:

1) Native Client. компилируется позволить его выполнение так Код NaCl использует общения с миром интерфейсов Pepper API, в работу с системой, OpenGL и звук.

, что также надо учитывать,

, что также надо учитывать,

, что также надо учитывать,

, что также надо учитывать,

2) Emscripten. Если NaCl не подходит, можно скомпилировать код из C++ непосредственно в JavaScript. На современных браузерах созданный JavaScript работает лишь в несколько раз медленнее, чем если бы он компилировался в машинный код. Из плюсов – совместимость со всеми интерфейсами, доступными из JavaScript.

, что также надо учитывать,

, что также надо учитывать,

3) Coda. Коммерческое, проприетарное ПО с функциями расширения для OS X. Достоинства заключается в том что включает большое количество инструментов для работы с Web.

Средств разработки для JavaScript насчитывается не малое количество, опишем средства которые используются в разработке расширения.

JSON ( Object Notation) – текстовый обмена на JavaScript обычно используемый с и другие текстовые JSON Формат был разработан Крокфордом.

, что также надо учитывать,

, что также надо учитывать,

Несмотря происхождение от (точнее, от языка стандарта 1999 года), считается независимым языка и использоваться практически любым языком Для многих существует готовый для создания обработки данных JSON.

, что также надо учитывать,

, что также надо учитывать,

За счёт лаконичности по с XML, JSON может быть более подходящим сериальзации сложных Если говорить веб-приложениях, в ключе он в задачах данными как браузером и (AJAX), так между самими (программные HTTP-интерфейсы).

, что также надо учитывать,

JSON подмножеством синтаксиса JavaScript, быть десериализован встроенной eval(). Кроме того, возможна вставка вполне работоспособных JavaScript-функций. В языке PHP, начиная с версии 5.2.0, поддержка JSON включена в ядро в функций json_decode() json_encode(), которые преобразуют типы JSON в типы PHP наоборот.

JSON-текст представляет двух структур:

1) ключей, В различных это запись, словарь, хэш-таблица, с массив. может быть – любая форма.

, что также надо учитывать,

2) набор значений. многих языках реализовано как вектор, список последовательность.

Это универсальные данных: современный программирования поддерживает в форме. легли в JSON, используется обмена данными различными программирования.

качестве используются структуры:

1) – это множество пар ключ:значение, заключённое фигурные Ключ строкой, между и «:». ключ-значение отделяются от запятыми.

2) (одномерный) – множество Массив заключается квадратные Значения запятыми.

3) Значение может строкой числом, массивом, одним литералов: true, false или null. Т.о. структуры могут быть вложены друг в друга.

4) – это множество из или более юникода, заключенное двойные кавычки. могут быть с использованием начинающихся с косой черты или записаны UTF-8.

Строка похожа на тип С Java. Число очень С или Java-число, исключением того, используется только формат. Пробелы быть вставлены любыми двумя элементами.

, что также надо учитывать,

, что также надо учитывать,

Canvas (англ. canvas – «холст ») – HTML5, для создания 2d при помощи обычно на JavaScript. Начало отсчёта блока слева сверху. него и создается каждый элемент Размер пространства не обязательно отражает размер отображаемой площади. По умолчанию его ширина равна тремстам пикселям, а высота ста пятидесяти.

, что также надо учитывать,

Впервые элемент canvas был представлен компанией Apple в движке WebKit для Mac OS с целью его использования приложениях Dashboard и Safari.

Ситуацию отсутствием canvas библиотек в Google, собственное расширение, на JavaScript, под названием ExplorerCanvas.

, что также надо учитывать,

текущий момент canvas чаще для построения простой анимации, 2d графики и в браузерах. WHATWG предлагает использовать canvas стандартный метод создания графики новых поколениях веб-приложений.

Организация Mozilla Foundation ведёт п под названием 3D, целью является добавить поддержку графических для отображения изображений через canvas. Наряду этим существуют реализующие работу трёхмерными моделями, них three.

, что также надо учитывать,

, что также надо учитывать,

как правило, для отрисовки графиков статей и поля в браузерных играх. также может для встраивания в страницу создания полноценного плеера. Используется в WebGL для аппаратного 3d графики.

Из достоинств можно отметить:

– в отличие от SVG гораздо удобнее иметь дело с большим числом элементов;

– имеет аппаратное ускорение;

– можно манипулировать каждым пикселем;

– можно применять фильтры обработки изображений.

Компанией Google выпущена JavaScript библиотека explorecanvas работать canvas в IE7 IE8.

возможностей на картинку, видео, Залить цветом, обвести контуры даже градиент. Добавление похожих на css3 box-shadow text-shadow. является очень элементом при графики.Существуют которые решить и и canvas визуализация текста и анимации.

, что также надо учитывать,

как canvas обременен накладными связанными с анализом HTML и поддержанием иерархической модели документов, в canvas эти задачи неизменно решаются быстрее.

, что также надо учитывать,

В HTML-приложениях главный враг производительности – это добавление, и обновление Эти изменения документа часто браузер заново или перекомпоновывать страницу, что быть очень процессом. Обновление документа много в секунду, в приложении времени, может замедлить браузера.

, что также надо учитывать,

Когда скорость первостепенное значение, от HTML-ориентированной архитектуры на canvas-ориентированную быть залогом максимальной производительности. высокую производительность платить низкоуровневым вместо мощного разметки HTML гибкости CSS.

, что также надо учитывать,

При canvas-ориентированных приложений преодоления недостатков можно использовать традиционной модели HTML-CSS.

одним главных недостатков является доступных пользовательского интерфейса.

можно линий, и кисть линий, линий. Например фигуры выглядит образом (см. рисунок 13). Сама фигура выглядит следущим образом (см. рисунок 14).

Рисунок 13 – Пример кода создания нового окна

Рисунок 14 – Фигура отрисованная помощи canvas

При выборе реализации интерфейса полезно требования, элементам.

число критериев входить:

1) требуемое интерфейса;

2) отрисовка фигур помощью указания точек.