Полезности для Интернет/Веб программирования. Часть 2: MeasureIt, ColorZilla, Web Developer Toolbar Mozilla Plugins

Привет всем! В продолжении темы, сегодня расскажу о других полезных плагинах для Firefox.

1. MeasureIt - служит для измерения любых елементов интернет странички. После установки, у вас в тулбаре появляется кнопка с линейкой(если нет, то ее можно добавить кликнув правой кнопкой мышигде нибудь в верхних тулбарах Firefox, далее пункт меню "изменить", находим символ линейки и тащим его мышью на тулбар Firefox).

Теперь если кликнуть на эту линейку то курсор превратится в крест и можно начинать измерения. Установив курсор на измеряемый элемент и зажав левую кнопку мыши, тянем ее и видим размер в пикселях(px).

2. ColorZilla - этот инструмент служит для определения цвета(RGB или/и HEX) любого елемента страницы и даже самого окна браузера. После установки получаем кнопку в тулбаре с пипеткой(если кнопка не появилась после установки - см. как добавить выше). Если нажать на кнопку то курсор меняется на пипетку которой можно "взять" цвет любого елемента на странице. Можно зажав левую кнопку мыши поводить пипеткой по странице или окну и видеть как меняется цвет. После отпускания кнопки мыши, выбранный цвет можно скопировать в буфер кликнув на меню кнопки плагина. Параметры цвета можно получить во всех возможных форматах: RGB, HEX с хешем для CSS или без для фотошопа и так далее..

3. Web Developer Toolbar - Это очень обёмный инструмент с множеством функций, я опишу только самое основное, полное описание возможностей можно найти на странице плагина: http://chrispederick.com/work/web-developer/

После установки, в браузере появится ещё один тулбар с различными кнопками.

"disable": можно одним кликом отключить: browser cache(кэш браузера), все JavaScript на странице , Java..

"cookies" - отключение кукис одним кликом, просмотр информации кукисах, удаление кукис

"CSS" - работа с стилями CSS.

"Forms" - работа с формулярами на странице.

"images" - информация обо всей графике на странице. Возможен вывод всех графиков, картинок на отдельной странице с описанием всех параметров.

"size" - интересный инструмент. Он позволяет посмотреть как будет выглядеть страничка в разных разрешениях экрана.

"source code" - Исходный код. Здесь интересная возможность - можно посмотреть код страницы каким он будет после загрузки всех ресурсов страницы(generated source code), т.е. если подгружались динамические данные, а также код из всех фрэймов если они есть, отдельно в каждом.

на этом пока все на сегодня и "Happy coding" вам!

в следущий раз расскажу о полезных онлайн ресурсах для WEB/Internet программистов..