пятница

Расширения Firefox для веб-разработки

Отличная статья, мне эта тема знакома.

Расширения Firefox для веб-разработки Исторически сложилось так, что Firefox пользуется широкой популярностью среди веб-разработчиков благодаря его расширяемости через подключение всевозможных плагинов и дополнений, написанных сторонними разработчиками. Идея выделения функционала в расширения позволила решать массу всевозможных задач прямо в браузере, не прибегая к внешним инструментам.
Безусловно в этом списке вы обязательно найдёте уже знакомые расширения, однако огромный пласт полезных расширений всегда остаётся в стороне. Так что приготовьтесь установить ещё парочку расширений! :)
Встроенные инструменты разработки в Firefox
Перед началом списка было бы неправильно не упомянуть об инструментах, уже встроенных в Firefox. Здесь речь идёт о тех самых инструментах разработки в Firefox Aurora 10 и том функционале, который сегодня можно найти в любом современном браузере.
При разработке интерфейса этих инструментов было перепробовано множество подходов и решений. В результате получился довольно приятный интерфейс, который любой желающий может испробовать, установив Firefox Aurora (хм, вы ещё его не поставили?)
Перечень расширений, который обязательно окажется полезным для любого веб-разработчика.
Firebug
Это расширение идёт нулевым в списке расширений. Firebug установил стандарт в инструментах разработки во всех браузерах. Обычно используется для живого редактирования CSS и HTML, отладки JavaScript и оптимизации загрузки страниц. Некоторые из нижеупомянутых расширений основаны на Firebug, поэтому к этому расширению мы ещё вернёмся.
На всякий случай напоминаю, что Firebug достаточно требователен к памяти, поэтому не забывайте его отключать (или просто не включать) на тех сайтах, с которыми вы не работаете.
Стандартные расширения Firefox для веб-разработчиков
За многие годы было разработано множество расширений для использования возможностей Firefox по максимуму. Некоторые из них по�пулярны, другие вы, вероятно, увидите впервые. Если вы используете не упомянутое здесь расширение, напишите в комментариях!
Accessibility Evaluation Toolbar
Набор инструментов для тестирования веб-страниц по различным критериям.
All in One Sidebar
Левая панель, на которую можно скидывать ссылки, загрузки, расширения, историю посещений и пр. Чем-то напоминает панель браузера Opera.
Cache Status
Очистка и настройка кэша в разных местах Firefox.
CacheToggle
Отключение (и/или очистка) кэша браузере одной кнопкой.
Colorzilla
Многофункциональная пипетка, генератор градиентов и кое-что ещё. Работает с цветами в RGB 0-255, RGB 0%-100%, HSL или hex-цветами.
Console
Console заменяет встроенную консоль JavaScript консолью нового поколения. Если вас по каким-то причинам не устраивает Firebug, то это расширение окажется крайне полезным.
CSS Reloader
Одной клавишей F9 позволяет перезагрузить CSS-файлы без обновления самой страницы.
DOM Inspector
Классический двухпанельный редактор DOM-дерева. Также работает с XUL.
Firefogg
Предоставляет API для перекодирования видео- и аудиофайлов в формат OGG при загрузке на сайт прямо в Firefox.
FireFTP
Полноценный кроссплатформенный FTP/SFTP-клиент прямо в браузере окажется полезным любителям загружать и редактировать файлы на FTP-сервере.
FireUnit
Расширение для юнит-тестирования JavaScript. В дополнительных комментариях не нуждается.
FoxGuide
Горизонтальные и вертикальные плавающие линейки для выравнивания элементов интерфейса относительно друг-друга.
FoxyProxy Standard
Расширение FoxyProxy полностью заменяет встроенный механизм работы с прокси-серверами. Более функциональное расширение, чем его собратья: SwitchProxy, ProxyButton, QuickProxy, xyzproxy, ProxyTex, TorButton, и т. д.
GreaseMonkey
Кастомизация страниц с помощью JavaScript. Имеет огромный репозитарий скриптов на www.userscripts.org.
HTML Validator
Валидация HTML внутри браузера �с отображением количества ошибок в иконке.
HttpFox
Расширение HTTP-анализатора для Firefox.
iMacros для Firefox
Автоматизирует Firefox. Позволяет записать и потом воспроизвести повторяющиеся действия. Если вы пользуетесь Firefox и каждый день выполняете рутинную работу по заполнению форм или обходу страниц, то это расширение просто то, о чём вы мечтали!
Jenkins Build Monitor
Мониторинг сборок Jenkins (http://jenkins-ci.org) и отображение хода сборки в статусной строке Firefox.
Расширение jQuery
Теперь jQuery и jQuery UI встроены прямо в браузер.
JSONович!
Красиво форматирует JSON-код для облегчения чтения в браузере.
JSONView
Ещё один просмотрщик JSON-документов в браузере.
JSView
Открывает в новом окне используемые js/css-файлы с внешних сайтов, если таковые присутствуют.
Link Widgets
Добавляет кнопки первой, последней, следующей и предыдущие страницы, тем самым облегчая навигацию по связанным последовательностям страниц (например, веб-комиксы, форумы или технические спецификации, например, HTML 5).
Live HTTP Headers
Просмотр HTTP-заголовков страницы при загрузке страницы.
LiveReload
Расширение LiveReload автоматически обновляет страницу при изменении файла на жёстком диске.
MeasureIt
Инструмент замера расстояний в пикселях на страницах.
Modify Headers
Добавление, изменение и фильтрация строк в заголовках HTTP-запросов в момент отправки. Используется, в частности, при разработке для мобильных устройств, тестировании HTTP и проверке безопасности.
NoScript
Лучший инструмент защиты для браузера! Даже если вы не собираетесь отключать везде JavaScript, расширение защитит вас от большинства вида XSS и кликджекинг-атак.
PageSpeed
Проект от Google, дающий рекомендации по увеличению производительности веб-сайта.
PixelZoomer
PixelZoomer снимает скриншот страницы для последующего попискесльного анализа. Может увеличивать до 3200%, замерить расстояние или снять значение цвета �с помощью пипетки.
Pixlr Grabber
Расширение для онлайн-редактора изображений pixlr.com/editor/. Пригодится в случае, если нужно взять готовое изображение или снять скриншот страницы, а затем изменить его (затереть персоналные данные, добавить подписи и др.).
Poster
Инструмент для выполнения HTTP-запросов и просмотра их результатов. Удобен для тестирования взаимодействия с веб-сервисами.
QuickJava
Быстрое включение или отключение Java, Javascript, Flash, Silverlight, изображений, CSS и прокси из панели состояния и/или верхней панели.
Regular Expressions Tester
Инструмент тестирования для регулярных выражений с подсветкой соответствий.
Remove Cookie(s) for Site
Очень простое расширение для очистки cookies от сайта. Прячется в меню по правой кнопке мыши.
SQLite Manager
Графический интерфейс для управления базами данных SQLite.
Кнопки Selenium IDE
Просто кнопки для открытия Selenium IDE. Естественно, для работы должна быть установлена сама Selenium IDE: http://seleniumhq.org/projects/ide/
SeoQuake SEO
Расширение Seoquake поможет оптимизировать сайт для поисковых систем и социальных сетей.
ShowIP
Показывает IP-адрес(а) текущей страницы в строке состояния. Также по правому клику отобразит имя хоста, информацию из hois, netcraft и пр. Там же можно скопировать IP-адрес.
Stylish
Смена стилевых таблиц для сайтов. Stylish, подобно GreaseMonkey, имеет крупный репозитарий тем оформлений для сайтов типа Google, YouTube, Tumblr и других.
Tamper Data
Расширение для просмотра и изменения HTTP/HTTPS-заголовков и параметров POST.
Total Validator
Одновременная проверка страницы несколькими валидаторами. Работает с внешними и внутренними сайтами, а также просто с локальными страничками.
User Agent Switcher
Переключатель юзер-агента. Пара кликов и сайты считают вас мобильным устройством или поисковиком.
Web Developer
Панель для веб-разработки. Содержит богатый функционал, не пересекающийся с Fireb�ug.
Расширения Firebug
Firebug на своём пути развития также решил обзавестись расширениями на все случаи жизни. Вот, что из этого получилось:
Acebug
Подсветка синтаксиса и автодополнение при вводе в редакторе Firebug с помощью редактора Ace.
Code Coverage v2 для Firebug 0.1
Отображает покрытие Javascript-кода в окне Firebug.
CSS Usage
Расширение, показывающее, какие CSS-правила действительно используются.
Firecookie
Расширение Firecookie добавляет вкладку Cookies в Firebug.
Firefinder
Находит HTML-элементы, соответствующие CSS-селектору или выражению XPath.
FirePHP
Логирование из PHP в панель Firebug по простому обращению к специальному методу в PHP.
FireQuery
Плагин Firebug для разработки в jQuery.
Inline Code Finder
Расширение Inline Code Finder находит участки в HTML-коде со встроенными скриптами, стилями и ссылками вида "javascript:...".
FireRainbow
Подсветка синтаксиса для Javascript.
NetExport
Расширение NetExport позволяет экспортировать всю собранную информацию с панели Net в формат HTTP Archive (HAR) на основе JSON.
Pixel Perfect
Расширение Pixel Perfect позволяет наложить готовый макет на разрабатываемую страницу.
YSlow
YSlow анализирует страницы и даёт советы по оптимизации их скорости по правилам Yahoo.
Ещё больше расширений для Firebug доступно на странице Firebug Extensions.
Источник

четверг

PC-доктор из Поднебесной

Хорошая статья, рекомендую.

PC-доктор из Поднебесной За безликим названием Kingsoft PC Doctor скрывается полезная, функциональная, а главное бесплатная программа для оптимизации Windows. Чем она нам понравилась, читайте в обзоре
Всевозможные оптимизаторы и ускорителей системы встречаются в Сети на каждом шагу, но у подавляющего большинства пользователей доверие к программному обеспечению такого рода отсутствует напрочь. Красивые интерфейсы, броские названия, "удобные" инструменты, работающие по принципу one click, на поверку все это оказывается рекламной пылью, которую пускают в глаза разработчики, желающие увеличить свой достаток за счет наивных и малоопытных пользователей.
Вера в чудеса проходит сразу после установки большинства псевдооптимизаторов. Многие из них откровенно тормозят, а другие не только не увеличивают производительность системы, но и, наоборот, снижают скорость загрузки приложений и увеличивают число ошибок. В материале "Программные ускорители Windows бесполезные полезности" Андрей Крупин очень убедительно продемонстрировал, насколько никчемны подобные приложения. Тем не менее мы хотим снова обратиться к этой, казалось бы, исчерпавшей себя теме. Как известно, правил без исключений не бывает, и нам удалось найти программу для оптимизации, которая действительно заслуживает внимания.
За названием Kingsoft PC Doctor, на первый взгляд, не кроется ничего удивительного. Пожалуй, трудно придумать для программы менее безликое название. Наткнувшись на него в Сети и бегло ознакомившись с набором предлагаемых возможностей, большинство из вас, скорее всего, зевнет и закроет веб-страницу каталога софта или новостной ленты, чтобы больше никогда не вспомнить об этой утилите. Официальный сайт, на главной странице которого помещён скриншот Kingsoft PC Doctor, тоже вряд ли натолкнет вас на мысль, что программа чем-то отличается от огромного числа таких же "докторов", "клинеров" и "бустеров", которые создаются с одной лишь целью вытащить ден�ежки из доверчивых и не слишком опытных пользователей.
И вот тут-то мы подходим к первому существенному отличию Kingsoft PC Doctor от других оптимизаторов. Несмотря на то, что для загрузки программы нужно нажать на большую кнопку Free Download, что, как правило, на других сайтах означает, что скачать дистрибутив можно бесплатно, а вот за использование нужно будет платить, Kingsoft PC Doctor действительно бесплатен. Полностью. Тут нет триал-периода, нет никаких скрытых функций, которые открываются только после регистрации. Единственное, что нельзя бесплатно делать с программой это зарабатывать с ее помощью деньги, например включать в разные платные сборники софта. А что касается обычного использования, никаких ограничений нет.
В чем же загвоздка? Ответ на этот вопрос можно легко отыскать, если разобраться в том, кто является автором программы. Несмотря на то, что на сайте программы kingsoftsecurity.com не упомянуты никакие другие продукты, кроме PC Doctor, ее разработчик, китайская компания Kingsoft Security, на рынке программного обеспечения вовсе не новичок. Согласно официальной информации, компания работает в сфере компьютерной безопасности с 1989 года. Однако до недавнего времени ее продукты были нацелены в основном на китайских пользователей. Много ли людей в России знают об антивирусе Kingsoft Internet Security 9+ и офисном пакете Kingsoft Office 2010 Professional?
Судя по тому, что последняя, девятая, версия китайского антивируса датирована апрелем прошлого года, а в PC Doctor используется движок десятой версии, скорее всего, в ближайшем будущем к продуктам на сайте kingsoftsecurity.com добавится еще и коммерческий антивирус. Выход на мировой рынок при помощи бесплатной программы очень неплохой ход, ведь это дает возможность получить достаточно много бесплатных тестеров по всему миру. А судя по тому, как китайцы реагируют на комментарии на различных софт-форумах, они внимательно следят за всем, что о них пишут, и принимают мнения пользователей во внимание.
Впрочем, несмотря на наличие мо�дуля для обнаружения и удаления троянов, Kingsoft PC Doctor все же не является антивирусом. Разработчики позиционируют программу как средство для оптимизации Windows, и все имеющиеся в ней инструменты служат одной главной цели ускорить работу. А если в системе живут трояны, то их удаление является важным этапом оптимизации.
Краткий список возможностей программы выглядит достаточно стандартно. Кроме инструмента для борьбы с троянами, в ней есть средства для очистки системы от ненужных файлов, для отслеживания приложений, загружающихся вместе с системой, для очистки следов веб-серфинга и работы на компьютере, для обнаружения дополнений к браузерам, устанавливаемых сторонними приложениями. Но не спешите с выводами, ведь почти в каждом из модулей Kingsoft PC Doctor есть какая-нибудь изюминка, да и функциональность их реализована на таком высоком уровне, что многие из них "тянут" на самостоятельную программу.
Взять хотя бы Traffic Monitor. Контроль трафика это одна из обязательных функций, которая должна быть под рукой у каждого, кто проверяет состояние системы и занимается оптимизацией работы приложений. Помимо учета расхода денежных средств на оплату Интернета, сведения об отправленных или полученных данных нередко дают основание подозревать, что на компьютере есть шпионское или рекламное ПО.
Kingsoft PC Doctor содержит отдельный модуль для мониторинга сетевого трафика. В режиме реального времени программа анализирует объем передаваемых и получаемых данных, подсчитывает загруженность процессора в процентах и все это выводит в небольшую информационную панель. Подробные данные о трафике отображаются в окне Traffic Monitor. Все сетевые соединения разделены на две группы: в одной показаны процессы, передающие данные на удаленный хост, в другом процессы, устанавливающие интернет-соединение. Если это разделение покажется неудобным или нелогичным, можно сразу отобразить все процессы, обращающиеся к сетевым ресурсам. Любому процессу можно запретить устанавливать сетевое соединение.
А самая любопытная фун�кция инструмента Traffic Monitor возможность ограничивать скорость загрузки для каждой программы, каждого процесса в отдельности. Наличие подобной опции для оптимизатора довольно большая редкость. Такую возможность можно встретить, например, в специализированной коммерческой утилите для ограничения трафика NetLimiter. При попытке ограничить сетевой трафик для определенного процесса Kingsoft PC Doctor дает рекомендации относительно того, как следует снизить пропускную способность канала. Например, снижение скорости передачи данных до 1 Кбайт/с рекомендуется только для онлайновых игр, для обычных приложений достаточно скорости 5 Кбайт/с, а 20 Кбайт/с должно хватить даже для менеджеров загрузки.
Для каждого процесса, использующего сетевое соединение, программа ведет статистику отправленных и полученных данных. Кроме этого, утилита хранит суммарную статистику трафика и может в любой момент предоставить пользователю информацию об объемах загруженных и скопированных данных за любой промежуток времени день, неделю, месяц или другой интервал. В настройках программы можно установить критический объем переданной или полученной информации, по достижении которого Kingsoft PC Doctor предупредит пользователя о лимите трафика.
Несмотря на то, что Kingsoft PC Doctor включает в себя модуль для защиты от троянов, основанный на собственном движке и облачной технологии обнаружения зловредов, программа прекрасно ладит с большинством антивирусных пакетов, включая такие популярные решения, как, например, Kaspersky Internet Security 2012. Подобная ситуация большая редкость. Обычно антивирусное ПО очень ревностно ведет себя при попытке установки средств для обеспечения безопасности от других разработчиков. Иногда это сделать не удается в принципе.
Впрочем, Kingsoft PC Doctor показывает хорошую совместимость не только с приложениями, обеспечивающими безопасность пользователя, но и с любым другим ПО. Оптимизатор работает на удивление быстро, никаких задержек при запуске из области уведомлений, никаких подвисаний. Даже когда �запущено несколько процессов сканирования, производительность Windows не страдает, а оперативной памяти расходуется не более 50 мегабайт на каждый активный инструмент Kingsoft PC Doctor.
Кроме антитроянского сканера, в разделе Security предлагается еще три инструмента: Plugin Cleaner, System Repair и Vul Fix. Первый выводит список дополнений к Internet Explorer, которые могут представлять угрозу или замедлять его работу. Для каждого показывается подробная информация о том, какие записи в реестре и файлы на диске создает это дополнение. Любое дополнение можно занести в список доверенных, тогда они будут игнорироваться при следующих проверках. То же самое можно делать с файлами и сайтами в процессе работы с другими модулями программы.
Модуль Vul Fix призван защитить компьютер от проникновения вредоносных приложений, использующих известные уязвимости в системе. Приложение самостоятельно сканирует систему на предмет наличия незакрытых уязвимостей, затем, если пользователь изъявляет желание, скачивает соответствующие патчи с сайта Microsoft или обращается за ними к сетевой папке, после чего устанавливает обновления. Для каждого патча выводится информация о дате выпуска и размере, а также краткое описание. Перед тем как принять решение об установке патча, можно открыть менеджер обновлений, перейти на сайт Microsoft по предоставляемой программой ссылке и прочитать о нем подробнее.
При помощи модуля System Repair можно проверить компьютер на наличие проблем в тех местах, где они возникают чаще всего. При запуске сканирования проверяется, корректно ли работает сеть и звук, нет ли проблем, связанных с рабочим столом и ярлыками, нет ли ошибок в работе Flash, онлайновых игр и другого ПО.
Раздел оптимизации тоже включает достаточно интересные инструменты, которые заслуживают внимания. Например, подраздел My Startup предназначен для выявления приложений, процессов и служб, которые тормозят работу системы при запуске. Для того чтобы увидеть в этом разделе информацию о времени запуска приложений, которые загр�ужаются вместе с Windows, нужно перезагрузить компьютер с включенной опцией автозапуска Kingsoft PC Doctor (по умолчанию она активна, поэтому никаких дополнительных действий выполнять не нужно).
Модуль Startup Booster выводит список процессов и приложений, помещенных в "Автозагрузку", и предлагает свои рекомендации относительно того, стоит ли отключить их запуск вместе с Windows. Для распространенных компонентов, таких как модуль обновления Adobe, Quicktime или Java, даются не простые рекомендации, а пояснения. Например: "Это компоненты видеоплеера. Нет необходимости их загружать заранее".
Одно из предназначений любого оптимизатора увеличение дискового пространства за счет удаления ненужных файлов. Kingsoft PC Doctor может заметно увеличить свободное место на жестком диске даже в том случае, если система только-только была установлена. Если воспользоваться функцией OS Thinner, оптимизатор выполнит сканирование системных папок и файлов. После этого появится список ненужных и редко используемых компонентов Windows, которые можно безопасно удалить без последствий для производительности операционной системы. К таким лишним данным OS Thinner относит файлы с фоновыми рисунками, демонстрационные файлы аудио и видео, файл справки, примеры записанных ТВ-передач и так далее. Напротив каждого "мусорного" пункта программа показывает объем, который будет освобожден после удаления данных, а также указывает точное расположение этой информации на диске.
Заключение
Что ж, подведем итог. Kingsoft PC Doctor это довольно неплохой оптимизатор, который отличается высокой скоростью работы, очень экономно потребляет системные ресурсы, не конфликтует с другим ПО и позволяет совершенно бесплатно использовать те функции, которые в других программах предлагаются только за деньги. У китайской разработки очень приятный интерфейс, который тоже, как правило, можно встретить только в коммерческих приложениях. В дополнение ко всему в программе есть ряд очень интересных функций, сочетание которых в одном бесплатном продукте сме�ло можно назвать уникальным.
Конечно, программа не лишена недостатков. Например, она пока что пропускает многие антивирусные угрозы, ориентированные на российских пользователей, но неактуальные для китайцев. Она нередко подозревает в неадекватных действиях вполне легальные и очень известные приложения наподобие Dropbox и LastPass, которые давным-давно занесены в списки исключений другими разработчиками. С другой стороны, программа постоянно обновляется и совершенствуется, а все недочеты, о которых сообщают пользователи, быстро исправляются.
Впрочем, по нашему мнению, самыми большими недостатками программы являются ее название и дизайн сайта, который по китайской традиции точь-в-точь скопирован с сайтов похожих коммерческих утилит. Самое печальное, что такой же дизайн нередко берут за основу разработчики популярных в наши дни лжеантивирусов, поэтому многие потенциальные пользователи Kingsoft PC Doctor проходят мимо просто из соображений безопасности.

Источник


Популярные сообщения