Я уже упоминал о Gears в статье способы применения Google Gears.

Недавно наткнулся на неприятную новость об XSS уязвимости в Gears

Уязвимость позволяет удаленному пользователю выполнить XSS нападение на целевую систему. Уязвимость существует из-за того, что Google Gears движок не правильно выполняет сценарии загруженные с удаленных сайтов. Атакующий может выполнить произвольный Google Gears сценарий в браузере жертвы в контексте безопасности уязвимого домена, содержащего, например, злонамеренное изображение.

(далее…)

Что делать если часто приходится бывать в местах, где подключение к интернету отсутствует, а есть необходимость использовать web-приложения. Сегодня речь пойдет о том, чем в этом плане может помочь расширение Google Gears.

Google Gears - (ре)эволюция Web.

Разрабатывая раньше пользовательские приложения для Web приходилось хранить пользовательскую информацию на стороне клиента. В этом помогали cookies. Но они имеют множество недостатков: можно сохранять только пары ключ-значение, количество записей ограничено, объем записей ограничен (в зависимости от браузера), низкая надежность - данные могут просто быть удалены.

Новым этапом хранения пользовательской информации на стороне клиента можно назвать Google gears, которая позволяет обращаться к реляционной базе данных на стороне клиента. Такой СУРБД служит SQLite. Я думаю, знакомым с базами данных не стоит объяснять, чем такой подход выгодней cookies. Мы можем сохранять практически любой объем информации, любой структуры, которую можем описать средствами СУРБД. К тому же такое хранилище намного надежней, чем традиционные cookies.

Google Gears и офисные приложения

Благодаря google gears мы теперь можем использовать web-приложения при отсутствии подключения к сети - введенные нами данные сами отсинхронизируются с данными, хранящимися на удаленном сервере при появлении подключения к сети. Все, что нам нужно сделать - установить Google gears, подключиться к web-приложению, поддерживающему Google Gears. Теперь можно работать и без подключения: находить, просматривать, редактировать, удалять…
(далее…)

После отпуска продолжаю тестировать "Набор веб-разработчика на базе Firefox" и, надеюсь, в скором времени выложу готовую версию.

Если у Вас есть желание помочь в тестировании, обращайтесь, буду рад.

Еще одна полезная фишка для Набора веб-разработчика на базе FireFox - расширение Dust Me Selectors.

Позволяет очистить каскадные таблицы стилей от неиспользуемых классов.
(далее…)

Наверное самым мощным инструментом в "Наборе веб-разработчика на базе FireFox" является FireBug - уникальное средство отладки веб-приложений.

Firebug позволяет:

• Инспектировать и редактировать исходный код страницы
• Инспектировать объектную модель документа
• Инспектировать и редактировать каскадные таблицы стилей
• Инспектировать, запускать, отлаживать и редактировать скрипты
• и многое другое…
  (далее…)

Очередным этапом сборки "Набора веб-разработчика на базе FireFox" является компонент Web Developer.

После установки этого замечательного расширения появляется панель, которая позволяет:

• отключать кэш, java, javascript, редиректы, поле referrer и многое другое
• работать с cookies: просматривать, отключать, удалять
• работать с CSS: отключать разные типы каскадных таблиц, просматривать по типу, редактировать "на лету", что очень полезно при верстке сайта
• работать с формами
• работать с изображениями и их свойствами: показывать title, alt, размеры экранные, размеры файлов картинок, скрыть фоновые изображения, скрыть остальные изображения, обвести изображения по признаку наличия или отсутствия alt, title и др.
• выводить информацию о: расположении анкоров, именах слоев, свойствах ID и CLASS, и пр.
• протестировать страницу валидаторами: javascript, HTML, CSS, RSS и пр
• проверить валидность ссылок
• и многое другое

(далее…)

Очередной этап построения набора веб-разработчика - автоматизация выполнения повторяющихся действий.

iMacros - расширения для FireFox, позволяющее записывать действия в макросы и потом повторять их самостоятельно. Это напоминает макросы в MSO или OOo. Полезно при отладке пользовательских интерфейсов.
(далее…)

Шаг №3 с создании Набора веб-разработчика - расширения для контроля и настройки http в FireFox.

FasterFox - расширение для более тонкой настройки самого firefox:

• Отображает таймер загрузки страницы
• Позволяет настраивать объём дискового кэша и кэша памяти браузера
• Позволяет в фоне предзагружать контент ссылок, что повышает скорость серфинга
• Настраивает параметры конвейерной обработки данных протокола HTTP
• Блокирует всплывающие окна из плагинов, например Macromedia Flash
• Позволяет использовать в настройках несколько готовых предустановок

Live HTTP Headers - расширения для мониторинга всех http запросов (как входящих, так и исходящих) в боковой панели. Полезно будет для веб-мастеров, разработчиков и администраторов веб-проектов. Позволяет просмотреть идут ли запросы к серверу и какие ответы приходят от сервера, с какими заголовками.
(далее…)

Забудьте о tinyMCE и прочих встроенных в движки визуальных редакторах. У нас есть Xinha here! - замечательное расширение для FireFox, которое представляет из себя WYSIWYG-редактор для форм с богатым набором возможностей.
(далее…)

Шаг №2 в компиляции Набора Веб-разработчика расширения ColorZilla и MeasureIt.

ColorZilla помогает определить цвет любой точки страницы.

В использовании прост: мы жмем на пипетку в нижней панели FF и наводим на элемент цвет, которого нас интересует. Жмем на нем левой клавишей мышки. После чего жмем на пипетке (в нижней панели) правой кнопкой мышки и выбираем в каком формате нам нужно положить в буфер обмена найденный цвет. А вариантов достаточно:

• функция rgb для языков программирования - rgb(5,5,5)
• функция rgb для языков программирования (проценты) - rgb(2%,2%,2%)
• формат для HTML - #RRGGBB
• формат для HTML (без решетки), AdSense - RRGGBB
• тип R: 5, G: 5, B: 5

В качестве дополнения есть:

• Возможность масштабирования страницы
• Выбор цвета из палитры

MeasureIt - расширение схожее по назначению с ColorZilla - измеряет расстояния на странице. С помощью него мы можем получить точные размеры произвольного прямоугольника.

Оба этих инструмента незаменимы для веб-дизайнера.
(далее…)