Рекомендации по дополнительным инструментам браузера, которые помогут в разработке [закрыто]

Question

Может ли кто-нибудь предложить хорошие дополнительные инструменты/расширения для браузера, которые помогут в разработке?У меня установлен Firebug в Firefox, который отлично подходит для работы с CSS, HTML и JavaScript;есть еще предложения?

поджигатель

Answer 1

Fire Fox:

• Осмотрите это если вы вообще используете DOM Inspector
• Измерьте это для указания расстояний в пикселях (если вам это нужно)
• IE-просмотр или Вид на сафари для удобства тестирования в других браузерах
• HTML-валидатор если вас волнует проверка
• Консоль² чтобы улучшить консоль ошибок js
• А Javascript-оболочка букмарклет тоже удобен (и посмотрите там же и другие)

Редактировать:Это в дополнение к Панель инструментов веб-разработки упомянутый другими

Answer 2

Для Фаерфокс:

поджигатель отлично подходит для исследования и разработки.

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

я также использую Живые HTTP-заголовки (Кажется, он называется, но он находится на моей рабочей машине, поэтому сейчас не могу найти ссылку).Это помогло нам решить проблемы с кэшированием и тому подобное.

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

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

Answer 3

Еще одна необходимая вещь для Firefox — это книга Криса Педерика. Панель инструментов веб-разработчика.

Answer 4

Вам обязательно следует установить Safari.Он имеет ряд встроенных инструментов.Я постоянно использую его в сочетании с другими браузерами.

• Хронология сети
• Консоль ошибок
• Веб-инспектор
• Редактор фрагментов

Кроме того, он позволяет вам настроить пользовательский агент для ваших запросов.

Учтите, у него есть отдельное меню верхнего уровня под названием Развивать.

Answer 5

В Опере есть:

Dragonfly (инструменты -> расширенные -> инструменты разработчика)

Меню отладки

Методы UserJS для перехвата вещей

Opera:config#CompatMode%20Override для принудительного режима совместимости или стандартного режима

Виджеты для веб-разработчиков

Вы можете просматривать исходные файлы, редактировать их, применять изменения и перезагружать их из кеша.

Answer 6

В случае IE могут быть полезны следующие инструменты

• Панель инструментов разработчика Microsoft - просмотрщик dom|стилей
• HTTP-отладчик Fiddler - http-монитор
• Мгновенный источник - просмотрщик dom|стилей
• Компаньон.JS - просмотрщик dom|styles, расширенная консоль ошибок

Расширение «uber» для IE — «Инструменты разработчика», входящее в состав IE8.

Answer 7

Консоль разработчика и Снимок DOM для Оперы:

http://dev.opera.com/tools/

Удивительно то, что это букмарклеты, реализованные с помощью JS.Отстой в том, что им нужен Интернет.

Answer 8

Fire Fox:

Проверьте это, если вы вообще используете DOM Inspector.

Измерьте его, чтобы узнать расстояние в пикселях (если вам это нужно)

IE View или Safari View для удобства тестирования в других браузерах.

HTML-валидатор, если вам важна проверка

Console2 для улучшения консоли ошибок js

Букмарклет Javascript Shell также удобен (и посмотрите там же и другие)

Это в дополнение к панели инструментов веб-разработки, упомянутой другими.

Этот список Cebjyre почти полный (поскольку FireBug уже упоминался в вопросе).Я бы только добавил Тамперданные.Время от времени это очень полезно.

Answer 9

Вот мои ориентированные на разработку дополнения для Фаерфокс 3:

1. Веб-разработчик
2. поджигатель
   1. Огнепеченье
   2. FirePHP
   3. Радуга
3. Тампердата
4. Плакат
5. FireFTP
6. Перезагружать каждые
7. Селен IDE

Answer 10

YМедленный — это приятное дополнение Firebug для устранения неполадок, связанных со временем загрузки страницы.

Answer 11

Помимо уже упомянутых превосходных инструментов, я нахожу Чарльз быть чрезвычайно полезным.Тем более, что я много работаю с Flash Remoting, с которым он отлично справляется.

Charles — это HTTP-прокси/HTTP-монитор/обратный прокси-сервер, который позволяет разработчику просматривать весь HTTP-трафик между его компьютером и Интернетом.Сюда входят запросы, ответы и заголовки HTTP (которые содержат файлы cookie и информацию о кэшировании).

Чарльз может выступать в качестве посредника для связи HTTP/SSL, позволяя вам отлаживать содержимое ваших сеансов HTTPS.

Он кроссплатформенный, стоит 50 долларов, но вы можете скачать ознакомительную версию «30 минут на сеанс».

Answer 12

Вот что я использую:

Fire Fox:

• Инспектор ДОМ:Я использую это больше, чем что-либо еще для веб-разработки.
• Лаунчи:для открытия сайтов в других браузерах/приложениях
• Тамперные данные:это может быть полезно для отладки запросов GET/POST.
• Панель инструментов веб-разработчика:здесь так много удобных функций для отладки:инструменты проверки W3C, встроенная линейка, инструменты изменения размера, манипулирование исходным кодом, простые инструменты кэширования/css/скриптов

ИЕ:

• Панель инструментов разработчика Internet Explorer:далеко не так удобен, как Firefox, но, по крайней мере, он дает вам приличный инспектор DOM.

Разное:

• Удобные закладки Джесси:тот оболочка букмарклет особенно удобен
• я тоже устанавливаю Сафари и Опера, но в основном используйте их только для тестирования и сравнительного анализа, поскольку их инструменты разработки не такие надежные, как Firefox, и не такие глючные, как IE.
• Рысь:Я использую это, чтобы убедиться, что все сайты с большим количеством JS по-прежнему работают, и я уверен, что они будут нормально выглядеть в Google, программах чтения с экрана и любых других приложениях, похожих на ботов.