• Історично склалося так, що 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.
    Perfect Pixel
    Розширення Perfect Pixel дозволяє накласти готовий макет на розроблювану сторінку.
    YSlow
    YSlow аналізує сторінки і дає поради щодо оптимізації їх швидкості за правилами Yahoo.
    Ще більше розширень для Firebug доступний на сторінці Firebug Extensions.