Css плагины для 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

Панель для веб-разработки. Содержит богатый функционал, не пересекающийся с Firebug.

Расширения 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.

А какие ещё расширения вы используете при разработке?

Источник

найдено 3 947 расширений в Веб-разработка

Ghostery – Конфиденциальный Блокировщик Рекламы

Ghostery — это мощное расширение для обеспечения конфиденциальности. Блокируйте рекламу, отключайте средства слежения и ускоряйте загрузку веб-сайтов.

Ghostery

1 058 956 пользователей

Dark Reader

Тёмная тема для каждого сайта. Берегите зрение, используйте Дарк Ридер для ночного или ежедневного просмотра веб-страниц.

Alexander Shutau

964 859 пользователей

NoScript

Дополнение обеспечивает наилучшую безопасность, какую Вы только можете получить в веб-браузере! Дополнение разрешает запуск активного содержимого только с сайтов, которым Вы доверяете, и защищает Вас от XSS-атак и ClickJacking.

Giorgio Maone

303 663 пользователя

FoxyProxy Standard

FoxyProxy is an advanced proxy management tool that completely replaces Firefox’s limited proxying capabilities. For a simpler tool and less advanced configuration options, please use FoxyProxy Basic.

Eric H. Jung

204 357 пользователей

Flagfox

Отображает флаг страны размещения сервера текущего сайта с различными инструментами: проверка безопасности сайта, whois, перевод, похожие сайты, проверка html, сокращение URL и т.д.

Dave G

113 864 пользователя

Disconnect

Disconnect

102 254 пользователя

Download All Images

Easily save images with a wide range of customization features, such as file size, dimensions, and image type.

Joe Ertaba

79 747 пользователей

Tab Reloader (page auto refresh)

James Fray

74 828 пользователей

Stylus

Меняйте внешний вид любимых сайтов с помощью Стилуса — менеджера пользовательских стилей, который активно разрабатывается сообществом пользователей. Стили можно устанавливать из популярных репозиториев, а также создавать собственные.

Stylus Team

73 450 пользователей

User-Agent Switcher and Manager

Spoof websites trying to gather information about your web navigation—like your browser type and operating system—to deliver distinct content you may not want.

Ray

72 514 пользователей

Clear Cache

TenSoja

62 337 пользователей

Cookie Quick Manager

An addon to manage cookies (view, search, create, edit, remove, backup, restore, protect from deletion and much more). Firefox 57+ is supported.

Ysard

61 673 пользователя

Measure-it

Trishul

26 069 пользователей

Clear Browsing Data

Delete browsing data directly from the browser toolbar. Clear cookies, history and cache with a single click.

Armin Sebastian

17 123 пользователя

Stylebot

Ankit Ahuja

5 367 пользователей

Tampermonkey

Jan Biniok

565 134 пользователя

React Developer Tools

React Developer Tools is a tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more. To get started, just open the Firefox devtools and switch to the «⚛️ Components» or «⚛️ Profiler» tab.

React

160 944 пользователя

FireShot — Скриншоты страниц и быстрые комментарии

Быстрые и качественные скриншоты веб-страниц в полноценном приложении Windows. Позволяет быстро отредактировать скриншоты и добавить комментарии. Сохраняйте снимки в PDF/PNG/GIF/JPG, печатайте, загружайте в Web, по E-Mail или в другую программу.

Источник