2 Проектирование расширения «paintpad»
2.1 Различия packaged apps hosted apps в браузере Google Chrome
, что также надо учитывать,
Существует
количество ресурсов о разработке
приложений
расширений для Chrome. В последнее она
стала из-за распространения на ChromeOS.
тому же для создания
и
расширений
для Chrome более стабильной удобной для
, что также надо учитывать,
ту
функциональность возможность реализовать
помощью для web-сервиса, мобильное
приложение для Android или iOS и .
Критерии для разработки:
1)
Работа
ChromeOS. На момент Chrome app – о способ донести
программу пользователей Chromebook’ов
или пользователей браузера Google
Chrome.
, что также надо учитывать,
, что также надо учитывать,
2)
Приложения Chrome без каких-либо дополнительных
усилий работают на Windows, Linux и OS X. Конечно,
существует множество других способов
сделать приложение переносимым, но
большинство из них оказываются заметно
более затратными.
3)
Расширения позволяют добавлять в Google
Chrome только нужные возможности, избегая
накопления функций, которые не
используются. Google создал специальную
галерею расширений от третьих лиц.
Впервые
расширения появились в стабильной
версии Chrome 4.0, а галерея была официально
открыта 25 января 2010 года. На момент
открытия в ней было уже около 1500
расширений.
С
пор появилась портировать
apps на и iOS.
большинстве
систем Chrome как программы и обладают
тем же функционалом. Они из
специализированного «Пуск»
(см.
рисунок 2),
обычные без браузерных контролов,
могут в умолчанию открытия файлов,
в себя
пользовательские
программы.
Рисунок
2 – Меню «Пуск» с приложениями Chrome
Расширения
ведут себя по-другому и позволяют
добавить в браузер функциональные
возможности которые были не доступны
по умолчанию. В отличии от приложений,
расширения располагаются не в меню
пуск, а на панели инструментов (см.
рисунок 3).
Например, Google Mail Checker сообщит о получении
нового письма, когда вы работаете в
Интернете, а AdBlock
запретит появление рекламы и нежелательных
всплывающих окон на сайтах.
Расширение
для браузера может понадобиться по
нескольким причинам. Обычно расширения
используются для связи браузера с другим
приложением или службой. Эту задачу
решают Evernote, 1Password и Adobe Shadow и большое
количество других расширений. Или может
потребоваться добавить в браузер
какие-то новые, недостающие функции,
инструменты разработки или средства
захвата изображений с экрана. Существуют
узкоспециализированные расширения для
отслеживания спортивных результатов,
усовершенствования конкретных Web-сайтов,
наблюдения за прогнозами погоды и т.п.
Расширения используются для самых
разных целей и выручают пользователя
в решении повседневных задач.
Рисунок
3 – расширений Chrome
с кнопкой расширения «PaintPad»
, что также надо учитывать,
В Chrome
есть установленные по умолчанию это,
Gmail, Google Диск Если нажать одну из ничего
похожего приложение не Вместо этого,
просто переводится страницу
соответствующего сервиса.
, что также надо учитывать,
, что также надо учитывать,
, что также надо учитывать,
, что также надо учитывать,
В Chrome
существует два разных типа приложений
–
hosted app
и packaged
app.
К сожалению, устоявшихся русских терминов
для них нет. Поиск, Gmail и т. д. к hosted
Такое состоит из manifest.json
URL и безопасности, и Фактически, hosted
app
– это закладка на онлайн-сервис или
всплывающее появляющееся при на кнопку
расширения. В отличие от hosted,
в случае packaged
app,
все необходимые для приложения хранятся
компьютере пользователя. приложения,
как могут лучше offline, управлять
своими и вообще доступ к количеству
программных Chrome. дальнейшем речь о
hosted
apps.
, что также надо учитывать,
точки
пользователя, расширения приложения
функции: изменяет то, он приложение
какую-то отдельную браузера содержание
и, возможно, пару как работает в
собственном окне. При приложения
организованны аналогично. И те, другие
Интернет-магазина
Chrome
собой .crx
файлы, являющиеся zip-архивами. Свойства
описываются в
файле manifest.json
а UI пользователя) них написан HTML5 и
CSS,
а
программная часть написана на JavaScript.
Chrome как расширениям, и приложениям.
время,
и существенные Приложения недоступными
расширений:
1)
управлять
своими окнами;
, что также надо учитывать,
2)
работать с файлами на компьютере
пользователя;
3)
программами для операционной сис иных
файлов;
4)
открывать TCP UDP соединения;
5)
работать USB.
, что также надо учитывать,
, что также надо учитывать,
, что также надо учитывать,
В Chrome
приложениях и расширениях практически
без дополнительных усилий реализуется
синхронизация между экземплярами
приложения на разных компьютерах. Работа
с файлами, как и все другие интерфейсы,
зависящие от внешних ресурсов, устроена
асинхронно. С одной стороны, несколько
усложняет для соответствующих с другой
–
гарантирует отзывчивость и предотвращает
блокировки.
, что также надо учитывать,
, что также надо учитывать,
одна
особенность – управление безопасностью.
В Chrome устроено иначе, в других браузерах
и больше походит на безопасности в К
внедрению программных разработчики
Chrome подходили консервативно. разработке
системы со временем снизить ограничения
чем сделать более строгими. результате,
например, приложений неограниченного
доступа файловой они с файлами,
принадлежащими открытыми пользователем.
Для
создания управления стороне предложено
использовать модель в что каждый –
объект, который характеризуется
свойствами;
методами;
событиями.
Свойства
JavaScript.
JavaScript
– это язык управления сценариями
просмотра гипертекстовых страниц Web на
стороне клиента. Если быть более точнее,
то JavaScript – это не только язык
программирования на стороне клиента.
Liveware, предок JavaScript, является средством
подстановок на стороне сервера Netscape.
Однако наибольшую популярность JavaScript
обеспечило программирование на стороне
клиента.
Основная
концепция JavaScript состоит в возможности
изменения значений атрибутов
HTML-контейнеров и свойств среды отображения
в процессе просмотра HTML-страницы
пользователем. При этом перезагрузки
страницы не происходит.
На
практике это проявляется в том, что
можно изменить цвет фона страницы или
интегрированную в документ картинку,
открыть новое окно или выдать
предупреждение.
, что также надо учитывать,
Название
«JavaScript» является собственностью компании
Netscape. Реализация языка, выполненная
разработчиками Microsoft, официально
называется Jscript. Версии JScript совместимы
с соответствующими версиями JavaScript, т.е.
JavaScript является подмножеством языка
JScript.
, что также надо учитывать,
, что также надо учитывать,
JavaScript
стандартизован ECMA (European Computer Manufacturers
Association – ассоциация европейских
производителей компьютеров). Соответствующие
стандарты имеют названия ECMA-262 и ISO-16262.
Этими стандартами обусловливаются язык
ECMAScript, который примерно эквивалентен
JavaScript версии 1.1. Можно отметить, что не
все реализации JavaScript на сегодня полностью
соответствуют стандарту ECMA.
, что также надо учитывать,
, что также надо учитывать,
, что также надо учитывать,
Популярность
JavaScript получил
после
статьи
В
«The World’s Most Misunderstood Programming Language Has Become
the World’s Most Popular Programming Language» ((рус.)
«Самый
неправильно понятый язык программирования
в мире стал самым популярным в мире
языком программирования») Дуглас
Крокфорд утверждает, что JavaScript занимает
лидирующую позицию в связи с развитием
AJAX, поскольку браузер стал превалирующей
системой доставки приложений. Он
резюмирует растущую популярность
JavaScript, то, что этот язык встраивается в
приложения, отмечает значимость языка.
, что также надо учитывать,
Согласно
TIOBE Index, основывающийся на данных поисковых
систем Google, MSN, Yahoo!, Википедия и YouTube, в
апреле 2015 года JavaScript находился на 6 месте
(год назад на 9 месте) это означает о его
быстро растущей популярности.
По
данным Black Duck Software в разработке открытого
программного обеспечения процент
использования языка JavaScript рос, 36 %
проектов, релизы которых состоялись с
августа 2008 по август 2009 гг., включают
JavaScript, особенно часто используемый
программирования популярностью, 80
открытого программного использует С,
Java, Shell и При этом – из часть
увеличилась чем на процента, считать
кода).
JavaScript
на момент является популярным языком
используемым для веб-приложений на
стороне клиента.
Многие
имеют атрибуты. контейнер якоря <A
...>...</A>
атрибут HREF
который превращает в гипертекстовую
ссылку (см.
рисунок 4):
Рисунок
4 – Пример кода гипертекстовой ссылки
, что также надо учитывать,
рассматривать
контейнер <A
...>...</A>
как объект, атрибут HREF
будет задавать «якорь». Программист
изменить значение и, следовательно,
объекта:
document.links[0].href="index.html";.
, что также надо учитывать,
у
атрибутов можно значения. ширина
картинки формируется по первой в
картинке. последующие картинки, заменяют
на до нее.
, что также надо учитывать,
Для
картины свойствами JavaScript наделены
которые не аналогов в Например, среда
объектом Navigator, или окно браузера,
которое является вообще самым старшим
объектом JavaScript.
, что также надо учитывать,
, что также надо учитывать,
Методы
JavaScript.
В терминологии JavaScript методы объекта
определяют функции изменения его
свойств. Например, с объектом «документ»
связаны методы open(),
write
close().
методы позволяют или изменить документа.
Приведем
пример
(см.
рисунок 5):
Рисунок
5 – Пример кода метода JavaScript
, что также надо учитывать,
В этом
метод open()
открывает поток в документ, write()
осуществляет запись, метод close()
закрывает записи в Все происходит же,
как при записи обычный файл. Если у
окна поле статуса в нем уровень загрузки
то при потоке записи документ в будет
«метаться» продолжения записи, это
происходит загрузке документа.
, что также надо учитывать,
, что также надо учитывать,
События
JavaScript.
Кроме
методов и свойств объекты характеризуются
событиями. Собственно, суть программирования
на JavaScript заключается в написании
обработчиков этих событий. Например, с
объектом типа button
(контейнер INPUT
button
«Кнопка») может событие click
т.е. на Для этого контейнера INPUT
расширены обработки события click-onClick
В качестве этого атрибута программа
обработки которую должен на JavaScript
HTML-документа.
Обработчики
событий указываются тех эти связаны.
Например, BODY
всего поэтому обработчик завершения
указывается этом контейнере значение
onLoad.
, что также надо учитывать,
, что также надо учитывать,
Каждый
браузер,
Internet Explorer, Netscape Navigator Opera, Chrome же
свою
объектную
Объектные
модели браузеров (и разные версии
отличаются друг друга, но принципиально
одинаковую Поэтому нет останавливаться
на из них отдельности. Далее будет
рассматриваться общий применительно
ко всем браузерам, иногда, заостряя
внимание различиях между
