Chromeless: Интерфейс Браузера Своими Руками (Html, Css И Js)

Вы когда-нибудь хотели улучшить привычный интерфейс браузера? Возможно, вы даже пытались это сделать.

Если да, то вы, вероятно, использовали такие технологии, как XUL И XPCOM .



Например, Firefox реализует большую часть своего интерфейса с помощью XUL, который основан на стандартных веб-технологиях, таких как DOM и JavaScript. Это все сделано для удобства разработки расширений браузера, но в то же время является барьером, защищающим интерфейс от внешнего вмешательства.

Что, если ключевые элементы пользовательского интерфейса будут созданы с использованием HTML, CSS и JavaScript? Трудно представить, какие дизайнерские идеи и новые концепции родились бы, если бы интерфейс браузера можно было разрезать, как веб-страницу.



Chromeless: Интерфейс Браузера Своими Руками (Html, Css И Js)

На скриншоте показан пример очень простого браузера с уменьшенными скриншотами страниц вместо вкладок.

Это браузер Без хрома , который создан исключительно в демонстрационных целях, чтобы показать возможности использования HTML для интерфейса.

Вместо XUL элементы браузера оформлены в виде фреймов.

Приложение функционально и предназначено для демонстрации основной идеи проекта.

Текущая реализация Chromeless представляет собой смесь расширения Лаборатория обнимашек И Джетпак SDK вместе с XULRunner .

Используя эти технологии, Mozilla позволяет создавать приложения на базе XULRunner с нуля.

Вместо загрузки XUL основным исполняемым файлом приложения является файл HTML. Эта страница имеет различные привилегии, такие как доступ к модулям CommonJS Jetpack. Таким образом, задача сводится к тому, чтобы функциональность браузера можно было описать через эти модули.



Chromeless: Интерфейс Браузера Своими Руками (Html, Css И Js)

Возможность такого решения подтверждается приведенным выше прототипом, который способен загружать и отображать HTML-страницы.

В следующем месяце разработчики собираются добавить специальные API для более осмысленного дизайна.

Также изучаются вопросы безопасности.

Приглашаем всех желающих принять участие в эксперименте.

Исходники и инструкции по github.com/mozilla/chromeless , групповое общение Группа лабораторий Mozilla и на IRC-канале #labs on irc.mozilla.org .

с помощью Лаборатории Мозиллы Теги: #Mozilla #Mozilla Labs Group #chromeless #ui #browser #xul #XPCOM #dom #JavaScript #Cuddlefish Lab #jetpack sdk #XULRunner #ИТ-компании #ИТ-компании

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2013-05-22 17:52:35
Баллов опыта: 611
Всего постов на сайте: 3
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.