Дополнения для Firefox

Думаю, глупо упоминать Firebug — вряд ли кто-то из нас сможет жить без него. Кроме этого, я использую следующее (только перечисление, связанное с dev):

• Консоль²: консоль ошибок нового поколения
• Инспектор DOM: как следует из названия, позволяет просматривать DOM.
• Редактировать куки: меняйте куки на лету
• Выполнение JS: выполнение ad-hoc Javascript
• Вкладка IE: визуализировать страницу в IE
• Inspect This: переносит выбранный объект в инспектор DOM.
• JSView: отображать связанный javascript и CSS
• LORI (Life of Request Info): показывает, сколько времени требуется для отображения страницы.
• Измерьте IT: всплывающая линейка.
• URL Params: показывает переменные GET и POST.
• Веб-разработчик: множество инструментов для веб-разработчика

Вот мои (ориентированные на разработчиков):

1. FireBug — множество инструментов для повышения производительности, включая отладчик javascript, инспектор DOM, позволяющий редактировать CSS/HTML на the fly, который очень ценен для устранения неполадок макета и отображения.

2. Веб-разработчик — еще один отличный инструмент повышения производительности труда разработчиков. В основном я использую его для быстрой проверки страниц, отключения javascript (да, я иногда отключаю javascript, не так ли?), просмотра файлов cookie и т. д.

3. Подделка данных – позволяет изменять заголовки http, значения форм, файлы cookie. и т. д. перед публикацией на странице или получением страницы. Невероятно полезно для проверки и проверки ваших страниц, а также для наблюдения за тем, как ваше веб-приложение реагирует на использование со слегка злонамеренными намерениями.

4. Отладчик JavaScript — имеет несколько больше функций, чем отладчик javascript, предоставляемый firebug. . Хотя я должен признать, что я экономно использую это, так как firebug в значительной степени покорил меня.

5. живые HTTP-заголовки – незаменимы для устранения неполадок, используйте их часто. Позволяет отслеживать все заголовки HTTP, передаваемые между клиентом и сервером. Это помогло мне отследить гнусные проблемы, особенно при отладке проблем при развертывании вашего веб-приложения между средами.

6. Header Spy — хороший аддон для гиков, показывает вам Интернет сервер и платформа, на которой работает веб-сайт, в строке состояния.

7. MeasureIt — я не слишком часто использую это, но я время от времени все еще находил это ценным.

8. ColorZilla — опять же, я использую не так часто, но когда Мне это нужно, мне это нужно. Ценно, когда вы хотите узнать цвет и не хотите копаться в файле CSS или открывать приложение для редактирования графики, чтобы получить цвет, встроенный в какое-либо изображение.

9. Add N Edit Cookies — это отличный инструмент для отладки в Интернете. фермы, где балансировщик нагрузки записывает файл cookie и использует значение файла cookie, чтобы ваш сеанс оставался «прикрепленным». Это позволило мне по желанию переключаться между серверами, чтобы отслеживать проблемы на конкретной машине. Также хороший инструмент, если вы хотите попробовать пообщаться с сайтом, который использует файлы cookie для отслеживания вашего статуса входа/учетной записи, и вы хотите увидеть, как ваш код реагирует на искаженную или взломанную информацию.

10. Yellowpipe Lynx Viewer Tool — да, я знаю, о чем ты думаешь, рысь, кому это нужно, так это 1994 год. Но если вы разрабатываете сайт, который должен учитывать доступность в Интернете (имеется в виду, доступный для пользователей с нарушениями зрения, которые используют программы чтения с экрана), или если вам нужно понять, как веб-паук /indexer «видит» ваш сайт, этот инструмент бесценен. Конечно, вы всегда можете просто взять Lynx для себявот порт Windows XP, который я использовать.

У меня есть несколько других надстроек, которые я использовал время от времени, и я просто кратко упомяну: FireFTP (один, который я установил, был нестабильным, и я не пробовал более новую версию), Html Validator (также нашел этот нестабильным, по крайней мере, когда я устанавливал его год назад), IE Tab (обычно у меня одновременно открыты и IE, и FireFox, но это только я, я знаю многих других, которые находят это дополнение полезным).

Я бы также рекомендовал расширение Web Developer от Криса Педерика.

Что касается веб-разработки, особенно для javascript, я считаю, что Firebug бесценен. панель инструментов веб-разработчика также очень полезна.

Те что у меня есть...

• Y-SLow
• Активные заголовки
• Firebug
• Инспектор домена

Еще не упоминалось расширение HTML Validator, которое я считаю очень полезным.

@Флавио Амиейро

MeasureIt является ненужным расширением, если вы устанавливаете панель инструментов веб-разработчика. Панель инструментов веб-разработчика включает линейку в качестве одной из своих функций. В категории «Miscellaneous» для веб-разработчиков выберите параметр «Display Ruler», чтобы использовать линейку, идентичную линейке MeasureIt.

Это позволит вам уменьшить количество необходимых расширений как минимум на одно.

Дополнения для фаерфокса:

1. FireBug: помогает веб-разработчикам и дизайнерам тестировать и проверять интерфейсный код. Он предоставляет нам множество полезных функций, таких как консольная панель для регистрации информации, инспектор DOM, подробная информация об элементах страницы и многое-многое другое.

2. Веб-разработчик дает вам возможность отключать CSS, редактировать CSS на лету, измерять определенные области страницы и многое другое.

3. ColorZilla Просто щелкните значок, наведите указатель мыши на область, для которой вы хотите узнать шестнадцатеричный цвет, и щелкните.

4. Window Resizer, чтобы убедиться, что макет правильно отображается в стандартных сегодняшних разрешениях.

5. Total Validator проверяет веб-сайты намного проще, проверяя HTML, ссылки, CSS и многое другое.

Веб-разработчик для веб-разработки. Scribefire, если вы блоггер-программист

Для веб-разработки я использую панель инструментов веб-разработчика, Просмотр CSS и MeasureIt.

Но я действительно не из тех, у кого есть тысяча расширений, чтобы делать все. Я люблю, чтобы все было просто.

РЕДАКТИРОВАТЬ: благодаря ответу Дэна мне больше не нужен MeasureIt. Не могу поверить, что я никогда этого не видел! Думаю, мне просто нужно уделять больше внимания этой панели инструментов WebDeveloper.

Добавление во все списки подделки данных весьма полезно, позволяет перехватывать запросы и изменять данные в них. Его можно использовать для обхода проверки javascript и проверки того, выполняет ли сервер свою работу.

Я использую Web Developer, это экономит время.

• +1 для LORI ("информация о жизни-запроса" ). Это очень удобная альтернатива для приблизительного измерения времени загрузки конкретной веб-страницы, для чего в противном случае вы могли бы использовать внешний секундомер.

• Главная страница новой вкладки. В сочетании с домашней страницей типа «быстрый набор» (личной, быстро загружаемой страницей ссылок, которые вы часто используете), вы сможете быстрее добраться до нужного места при открытии новой вкладки браузера.

• Последняя вкладка. Изменяет поведение Ctrl+Tab, чтобы вы могли перемещаться между последними использованными вкладками с помощью повторных нажатий Ctrl+Tab, так же, как Alt+Tab работает в Windows. Также обеспечивает хороший вид всех открытых вкладок, пока Ctrl все еще удерживается нажатой для удобной навигации. (Результирующее поведение очень похоже на поведение Ctrl+Tab в последних выпусках Visual Studio.)

FireFTP удобен для захвата/загрузки любых необходимых файлов.

Я нахожу Hackbar весьма полезным. Очень полезно, если вы хотите отредактировать часть строки запроса в URL-адресе, проверить наличие уязвимостей или просто другие типы тестирования, где вы можете столкнуться со сложными значениями строки запроса.

Я изучал инспектора DOM, но переключился на Firebug.

Некоторые из которых были пропущены выше, здесь

• Анализатор времени загрузки — просмотр подробных графиков времени загрузки веб-страниц. в фаерфоксе. На графиках отображаются такие события, как запросы страниц, время загрузки изображений и т. д.

• Плакат — обязательный инструмент для веб-разработчиков, позволяющий им взаимодействовать с веб-сервисы и другие веб-ресурсы.

• Aardvark — классное расширение для веб-разработчиков и дизайнеров, позволяющее просматривать атрибуты CSS, идентификатор, класс путем выделения элемента страницы по отдельности.

Fiddler — действительно отличный прокси-сервер для отладки. Думайте об этом как о более мощной версии панели «Сеть» в Firebug или заголовках Live HTTP.

Раньше это было расширение только для IE, теперь оно также подключается к Firefox.

Groundspeed полезен для тестирования кода на стороне сервера. Он был создан для тестов проверки ввода во время пентеста, но может быть полезен для любого теста, требующего манипулирования вводом (аналогично TamperData).

Он позволяет вам управлять элементами формы на странице, вы можете изменять их тип и другие атрибуты (размер, длину, обработчики событий javascript и т. д.). Так, например, вы можете изменить скрытое поле или выбор на текстовое поле, а затем ввести любое значение, чтобы проверить ответ сервера и тому подобное.