Сеть начиналась только с разметки, а затем с некоторыми сценариями и стилями. Многим разработчикам, особенно нам, ветеранам, сложно представить сеть без плагинов. С самых ранних дней плагины для браузеров, такие как Flash и ActiveX, были основным способом создания насыщенных онлайн-приложений для более сложных веб-приложений.
И все же благодаря усилиям отрасли и сообщества мы снова вернулись к бесплатному веб-подключаемому модулю. Сегодня большая часть просмотра веб-страниц происходит на смартфонах, а планшеты имеют ограниченную поддержку или вообще не имеют плагинов. Современные браузеры, такие как Chrome, Firefox и Internet Explorer 10/9, приняли и реализовали веб-стандарты, такие как HTML5, CSS3 и JavaScript, которые в большинстве случаев теперь достигают паритета функциональности с помощью плагинов (подробнее об этих различиях позже) и более совместим с браузерами. Исследователь рынка Forrester недавно заявил, что, учитывая, что более 75% всех браузеров в Северной Америке совместимы с HTML5, пришло время сказать «так долго» плагинам. «Прилив», объявил аналитик Forrester Питер Шелдон, «поворачивается».
Как, черт возьми, мы сюда попали? И, что более важно, куда мы идем — куда мы должны идти?
В этой серии из шести частей мы познакомимся с эволюцией Интернета и увидим, что многие (включая меня) рассматривают как переход к бесплатному плагину. Я сосредоточусь на общих веб-интерфейсах, которые уже были написаны с помощью плагина, и покажу вам, как конвертировать и улучшать их с помощью HTML5.
(Чтобы убедиться, что мы все находимся на одной странице: «плагины» здесь в широком смысле относятся к расширениям браузера, которые запускают собственный, то есть не веб-интерфейс, клиентский код, использующий низкоуровневые интерфейсы браузера. Например, вот базовое описание Подход Webkit: его IE-эквивалентами являются элементы управления ActiveX и объекты Browser Helper. Веб-сайты используют множество различных плагинов; Adobe Flash является одним из наиболее распространенных.)
Но прежде чем мы перейдем к «как», давайте кратко поговорим о «почему».
Что управляет сдвигом?
Во многих умах Apple, по праву или по ошибке, в известной мере или в дурной славе, получила «без плагинов» мяч. Компания, ссылаясь на проблемы безопасности и энергопотребления, никогда не поддерживала подключаемые модули для iPhone и iPad. С тех пор между техническими гигантами: Apple, Google и Microsoft произошла публичная, а иногда и личная, а иногда и запутанная ситуация. Большая часть m. <Domain> web возникла из-за отсутствия поддержки плагинов и отсутствия веб-стандартов, таких как размер / ориентация устройства, сетевые директивы и т. Д., Которые в настоящее время развиваются для использования на устройствах и браузерах. Остаётся поддержка плагинов, иногда восторженных, иногда требующихся по закону, иногда неохотных. Но долгосрочные тенденции в пользу уменьшения важности плагинов очевидны:
Мобильность. Мы все видели впечатляющие цифры, поэтому не нужно покорно перефразировать здесь. Достаточно пары напоминаний о точках данных. Согласно исследованию Cisco, мобильный трафик данных удваивался каждый год в период с 2008 по 2011 год. Я выбрал это исследование, потому что оно рассматривает мобильный трафик, а не количество проданных мобильных устройств. Это лучшая мера, потому что люди часто перестают использовать устройство после покупки нового и оставляют старое без дела.
Затем, в 2012 году, планшеты действительно взлетели. Исследователь IDC сообщил, что в 4 квартале 2012 года было продано 52,5 миллиона устройств. Полные 40% были устройства Apple, работающие под управлением iOS и без плагинов. Samsung показала ошеломительный рост на 263% по сравнению с предыдущим годом, продав 8 миллионов единиц мобильных устройств на базе Android и Windows 8. Правда, эти устройства могут запускать плагины, но не так быстро…
Нажмите. Другая большая часть мобильной истории — это, конечно, касание. Большинство плагинов не предназначены для сенсорного. И в наши дни не трогаем прикосновения, ну, немного тронут. А поскольку они являются отдельными приложениями от браузера, подключаемые модули не получают большого количества изменений в оптимизированных для касания браузерах, таких как Internet Explorer 10, которые обеспечивают плавную работу веб-сайтов с помощью касания.
HTML5. Конечно, это далеко не полностью испеченный. Но основанные на стандартах технологии, определенные Консорциумом World Wide Web (W3C), как и те, которые включают HTML5 , могут все больше и больше делать то, что может делать плагин. (Будем копаться в этом). Эти технологии имеют сильную поддержку в современных веб-браузерах. Это позволяет разработчикам писать ту же разметку и скрипт, которые работают во всех современных браузерах (по крайней мере, в теории). Нет необходимости писать или поддерживать дополнительный код, который имеет сторонние рамки и зависимости времени выполнения. Ницца.
Неудивительно, по словам Шелдона из Forrester, что «ведущие онлайн-бренды, в том числе Apple (особенно моя), Best Buy, Four Seasons Hotels и Rue La La, теперь полностью удаляют плагины и размещают функции HTML5 для использования на своих десктопах. — оптимизированные для мобильных устройств и планшетов.
В заключение он говорит: «Мы находимся в переломном моменте: благодаря широкому распространению потребителями настольных браузеров с поддержкой HTML5 и пониманию технологии быстро развивающимися веб-разработчиками, HTML5 больше не является новым набором инструментов для разработки мобильных приложений и планшетов. Вместо этого он быстро становится стандартом де-факто для инноваций в веб-интерфейсе через точки касания ».
Пришло время проявить коллективное внимание и отодвинуть Интернет от плагинов. Вместо того, чтобы создавать еще одну сеть, как это было сделано с помощью мобильных устройств, давайте создадим ее и «приведем мобильный дом».
Плагины против Plug In-Free
Таковы некоторые из основных драйверов рынка. Но пока мы ориентируемся на фирменные плагины, давайте очень кратко укажем на их технические недостатки (Стив Джобс не все ошибался). С различной степенью аргументированности справедливо обобщать информацию о подключаемых модулях и их альтернативах:
Ресурс Свиньи. Поскольку они по сути являются приложениями, которые работают вместе с браузером, плагины потребляют дополнительные системные ресурсы и разряжают батареи. И поставщики браузеров имеют ограниченную возможность контролировать фактический опыт работы с плагинами в этом отношении. Пользователи, обычно мобильные пользователи, ненавидят это. Бесплатный плагин обещает более длительный срок службы батареи.
Опасности безопасности. Исторически плагины были одной из наиболее распространенных областей уязвимости в браузере. Совсем недавно поставщики браузеров поставляли более изолированную версию плагинов для уменьшения проблемы (пример: Internet Explorer 10 ). Но если вы включите их, не забудьте протестировать их самостоятельно, а затем на веб-странице, в которую они встроены… во всех браузерах.
Finicky через браузеры и операционные системы. Плагины основаны на фирменных технологиях. Это затрудняет прогнозирование или контроль их поддержки в различных браузерах и операционных системах — реальный недостаток в современном мире с несколькими устройствами. Многие пользователи не различают плагин и веб-браузер. По их мнению, это все один пользовательский опыт. Поэтому просьба обновить их плагины приводит к ненужным трениям (а иногда и путанице), препятствуя тому, что вы действительно хотите, чтобы они делали.
В отличие от этого, HTML5 предлагает веб-разработчикам возможность взаимодействия между браузерами и устройствами, улучшенную совместимость и более простое обслуживание сайта. Лучше всего то, что пользователи получают то, что они хотят — ничто не мешает им иметь отличный опыт на вашем сайте. А благодаря возможности снижения затрат на разработку вы определенно сможете увидеть путь к более открытой и более доступной сети, которая позволит вам повторно использовать ваш код на нескольких устройствах и платформах (например: приложения Window Store, написанные на HTML5 ).
Плагины будут развиваться
Все это не означает, что плагинам не будет места в мире HTML5. Конечно, это эволюционный процесс, и разработчики должны быть готовы рассмотреть возможность поддержки как на основе HTML5, так и на основе плагинов. Mozilla недавно представила встроенный компонент просмотра PDF на основе JavaScript и HTML5 для бета-версии Firefox 19. Фонд утверждает, что стандартная версия будет более безопасной и безопасной, чем Adobe, Foxit или проприетарные читатели. Эксперты говорят, что безопаснее, но не застрахован.
Действительно, веб-сайт Theme Squirrel недавно выделил 15 лучших плагинов HTML5 2013 года . Список показывает большое разнообразие стандартных плагинов, которые, по словам защитников, предлагают превосходное качество, безопасность и согласованность по сравнению с фирменными плагинами для браузеров.
Воображая свободный от плагинов мир
Где это оставляет нас?
За последние пару лет я говорил со многими разработчиками плагинов, которые настаивали на том, что без плагинов вы не сможете проделать большую работу. Дело в том, что сегодня, используя HTML5, вы можете успешно выполнять большинство задач, для которых ранее требовались плагины. Дело и точка, посмотрите на эти сайты:
Это идеально? Нет.
Некоторые ключевые функции HTML5 не так хороши, как их подключенные аналоги (пример: HTTP LiveStreaming , DRM). Конечно, было много ажиотажа вокруг HTML5, и до 2022 года, ожидаемой даты окончания, еще далеко. И давайте будем честными: инструменты разработки для HTML5, хотя и развиваются, имеют свои возможности.
Но с новыми функциями HTML5 в сочетании с JavaScript вы действительно можете создавать впечатляющие сайты без плагинов, которые делают то же самое, что и их «подключаемые» аналоги. Таким образом, несмотря на недостатки, довольно ясно, что мы находимся на переломном этапе.
Соберите все это вместе, и это означает, что вы можете создавать свои веб-сайты и веб-приложения, используя новейшие технологии HTML5, не увязая в подключаемых модулях. И ваше приложение будет работать не только на настольных компьютерах и ноутбуках, но и на мобильных устройствах.
Используя сторонние инструменты, вы можете упаковать сайт в одно приложение для продажи в магазине как мобильное приложение. Ваши приложения также будут очень хорошо работать на новом интерфейсе Windows 8, и вы сможете продавать их в Магазине Windows . Все это звучит как хорошая сделка, не так ли?
Моя собственная история отключения
Несколько месяцев назад я обновил жесткий диск на моем компьютере. Я воспользовался возможностью, чтобы перейти на Windows 8 полный рабочий день. С помощью программы VirtualBox я установил последнюю версию Ubuntu. Я также скачал бесплатные виртуальные машины Windows для моей тестовой матрицы. В обеих ОС я активно отказывался устанавливать любой плагин для браузера. Нет плагинов, нет Silverlight, нет Java, нет. Для файлов PDF я переключаюсь между браузерами и позволяю IE открывать их вне браузера. В Chrome встроен встроенный просмотрщик PDF. Плагинов там тоже нет. В Chrome есть собственные версии плагинов, но я тоже отключил это.
Мои причины были двоякими. Во-первых, я хотел испытать Интернет без плагинов и посмотреть, насколько он полезен. Это даст мне, разработчику, истинное ощущение жизни без плагинов и того, действительно ли мы там сейчас. И, во-вторых, как учитель и писатель, это позволяет мне испытать недостатки из первых уст, поэтому я могу внести вклад в любое обучение, которое может помочь следующему парню принять стандарты и добиться дальнейшего прогресса в мире без плагинов.
Результат? Я в полном порядке. Все сайты, которые я использую, перешли на бесплатные плагины. Да, я иногда сталкиваюсь с сайтом, которому нужны плагины. Но происходит одно из двух: либо плагин — это просто какое-то графическое изображение вверху, которое я могу игнорировать, либо я в конечном итоге не использую сайт.
Подумайте об этом последнем пункте. Я не пользуюсь сайтом. Я не единственный человек, который прекратил использование плагинов. Я предсказываю, что на сайтах с плагинами количество посетителей будет падать, потому что многие устройства (такие как iOS) не имеют плагинов. А плагины на устройствах Android могут быть медленными, но не очень приятными. Кроме того, огромное количество iOS-устройств заставит вас задуматься об использовании плагинов, поскольку это мгновенно исключает большую часть рынка.
И поэтому я заключаю: сейчас самое время серьезно взглянуть на создание сайтов без плагинов. Не как волшебство, переверните момент переключения, но как ускорение пути к Сети с гораздо меньшим количеством, а возможно и без, из обходных путей плагинов, необходимых сегодня.
Наш подход: показать и рассказать, используя реальные сайты
Итак, это возвращает меня к этой серии. Вместо того, чтобы просто рассказывать вам что-то, я покажу вам, как модернизировать существующие существующие сайты, использующие плагины, без использования плагинов. Мы не будем перепроектировать или дублировать их точно. Скорее, мы поговорим об общей идее того, что делают плагины, а затем покажем, как можно сделать нечто подобное с браузером без плагинов.
Конечно, чтобы этот подход работал, браузер должен поддерживать HTML5. А какие это браузеры? Все последние крупные браузеры. Сегодня, в 2013 году, все последние версии основных браузеров поддерживают HTML5, включая IE9, IE10 и браузеры на устройствах iOS и Android.
В следующей статье мы начнем ходить.
Эта статья является частью технической серии HTML5 от команды Internet Explorer. Попробуйте концепции из этой статьи с бесплатными виртуальными машинами для Mac, Linux или Windows @ http://modern.IE