Дополнения Firefox

Ответ 1

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

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

Ответ 2

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

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

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

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

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

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

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

• MeasureIt - я не использую это слишком часто, но я все равно считаю это ценным время от времени.

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

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

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

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

Ответ 3

Я также рекомендовал Cha Pederick веб-разработчик.

Ответ 4

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

Ответ 5

У меня есть...

• Y-SLow
• Live Headers
• Firebug
• Dom Inspector

Ответ 6

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

Ответ 7

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

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

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

Ответ 8

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

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

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

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

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

• Общий валидатор проверка веб-сайтов намного проще, проверяя HTML, ссылки, CSS и делая намного больше.

Ответ 9

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

Ответ 10

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

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

EDIT: Спасибо ответить Dan Мне больше не нужен MeasureIt. Не могу поверить, что я никогда этого не видел! Думаю, мне просто придется больше внимания уделять этой панели инструментов WebDeveloper.

Ответ 11

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

Ответ 12

Я использую веб-разработчик, это заставка в режиме реального времени.

Ответ 13

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

• Новая вкладка Домашняя страница. В сочетании с домашней страницей "быстрого набора" (личная страница быстрой загрузки ссылок, которую вы часто используете) помогает вам быстрее ускорять работу, когда вы открываете новую вкладку браузера.

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

Ответ 14

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

Ответ 15

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

Ответ 16

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

Ответ 17

Некоторые из них были пропущены выше.

• Load Time Analyzer - просмотр подробных графиков времени загрузки веб-страниц в firefox. Графики отображают события, такие как запросы страниц, время загрузки изображений и т.д.

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

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

Ответ 18

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

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

Ответ 19

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

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