2009-02-05 5 views
5

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

Для Firefox Я использую:

Firebug - Отлично подходит для проверки HTML-элементов и работа с CSS.

YSlow for Firebug - Разработано Yahoo! и дает время и советы о ресурсах страниц.

Live HTTP headers - Позволяет проверять заголовки, отправленные в ваш браузер.

Для IE Я использую:

Fiddler - «веб-Debugging Proxy, который регистрирует все HTTP (S) трафик между вашим компьютером и Интернетом»

Я всегда искал другие большие средства, чтобы использовать , Так что же все остальные используют?

+0

Я использую Fiddler как для IE, FF, Opera, так и для Chrome - просто установите его как прокси (по умолчанию 127.0.0.1:8888) и вы уйдете. – Piskvor

+0

@Piskvor - Хороший sugestion – Brawndo

ответ

5

В дополнение к тому, что у вас есть:

Web Developer toolbar добавляет много дополнительных функций (печенье, форма, осмотр изображения, просмотр сгенерированного DOM и т.д.).

HTML Validator - отлично подходит для быстрой проверки, чтобы убедиться, что ваши страницы действительны. Также хорошо, когда есть ошибки отображения, вы можете быстро увидеть, связано ли это с неправильно созданным HTML.

ColorZilla - Я использую этот alot, чтобы вытащить точные цвета со страницы в буфер обмена.

+0

Обычно я использую Color Cop для извлечения цветов. Это приложение для Windows (бесплатно). – cletus

5

Fireshot - делает скриншоты и комментирует их удобно, полезно.

+0

+1 для Fireshot. Никогда не видел этого раньше. Это выглядит потрясающе. – cletus

0

Как насчет twitterfox помочь сайту с коллегами и друзьями разработчиков.

3

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

ShowIP Отображает IP-адрес текущей страницы в Строка состояния

external IP Показывает внешний IP-адрес в статусной

на стороне записки, я также считаю его полезным для запуска этих расширений в FirefoxPortable, так что у меня есть настройки браузера специально для работы в области развития остроумие h соответствующие расширения установлены, и чтобы избежать замедления или дестабилизации моего основного браузера (например. Firebug используется для краха моего браузера все время при обращении к Gmail).

1

URL Params (расширение Firefox) для просмотра параметров POST и GET веб-страницы. Полезно для проверки ваших форм.

0

MeasureIt

Для получения точного размера предметов, оказываемых на странице в FF.

+0

Это также доступно в панели инструментов веб-разработчика. – tj111

0

Firebug - И давайте мне увидеть запросы JS отправляются с одной страницы на другую, а какие данные передаются.
- Я вижу данные внутри переменных JS
- Заменяет консоль ошибок. Он также выводит в статуе, если обнаружил ошибку, поэтому я могу ее проверить.
- Хорошо для просмотра структуры html при разработке приложения AJAX.

1

Тот, который препятствует доступу к StackOverflow, очень полезен.

1

Все это плагины для Firefox.

  • Firebug для отладки Javascript и CSS. Firebug позволяет, например, исследовать дерево DOM, в то время как javascript его модифицирует. Firebug - мой главный инструмент.

  • Live HTTP Headers для просмотра данных на самом деле внутри запроса и ответов.

  • Web Developer toolbar содержит небольшие утилиты. Например, он может проверять html и CSS.

  • Dust Me Selectors находит, какие фрагменты CSS не используются.

Смежные вопросы