Дополнения Firefox - PullRequest
       35

Дополнения Firefox

20 голосов
/ 31 августа 2008

Какие надстройки Firefox вы используете, которые полезны для программистов?

Ответы [ 19 ]

18 голосов
/ 31 августа 2008

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

  • Консоль 2 : консоль ошибок следующего поколения
  • Инспектор DOM: как видно из названия, позволяет просматривать DOM
  • Редактирование файлов cookie: изменение файлов cookie на лету
  • Выполнить JS: специальное выполнение Javascript
  • Вкладка IE: визуализация страницы в IE
  • Проверить это: перенос выбранного объекта в инспектор DOM
  • JSView: отображать связанный JavaScript и CSS
  • LORI (Life of Request Info): показывает, сколько времени занимает отрисовка страницы
  • Measure IT: всплывающая линейка.
  • Параметры URL: отображаются переменные GET и POST
  • Веб-разработчик: множество инструментов для веб-разработчика
13 голосов
/ 09 сентября 2008

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

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

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

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

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

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

  6. Header Spy - отличное дополнение для типов geeky, показывает веб-сервер и платформу, на которой работает веб-сайт в строке состояния.

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

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

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

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

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

5 голосов
/ 31 августа 2008

Я бы также порекомендовал расширение для веб-разработчиков от Chris Pederick.

2 голосов
/ 31 августа 2008

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

2 голосов
/ 31 августа 2008

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

2 голосов
/ 31 августа 2008
1 голос
/ 28 августа 2010

аддонов Firefox:

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

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

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

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

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

1 голос
/ 31 августа 2008

@ Flávio Amieiro

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

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

0 голосов
/ 11 декабря 2009

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

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

0 голосов
/ 23 ноября 2009

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

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

...