Рекомендации по дополнительным инструментам браузера, которые помогут в разработке [закрыто]
-
09-06-2019 - |
Вопрос
Может ли кто-нибудь предложить хорошие дополнительные инструменты/расширения для браузера, которые помогут в разработке?У меня установлен Firebug в Firefox, который отлично подходит для работы с CSS, HTML и JavaScript;есть еще предложения?
Решение
Fire Fox:
- Осмотрите это если вы вообще используете DOM Inspector
- Измерьте это для указания расстояний в пикселях (если вам это нужно)
- IE-просмотр или Вид на сафари для удобства тестирования в других браузерах
- HTML-валидатор если вас волнует проверка
- Консоль2 чтобы улучшить консоль ошибок js
- А Javascript-оболочка букмарклет тоже удобен (и посмотрите там же и другие)
Редактировать:Это в дополнение к Панель инструментов веб-разработки упомянутый другими
Другие советы
Для Фаерфокс:
поджигатель отлично подходит для исследования и разработки.
Панель инструментов веб-разработчика тоже хорошо.Действительно помогает с CSS и макетом страницы, а также со многим другим.
я также использую Живые HTTP-заголовки (Кажется, он называется, но он находится на моей рабочей машине, поэтому сейчас не могу найти ссылку).Это помогло нам решить проблемы с кэшированием и тому подобное.
Я много занимаюсь разработкой мобильных телефонов, поэтому также использую Переключатель пользовательского агента.Очень полезно притворяться разными мобильными телефонами.
Я обычно использую Firefox только для разработки и просто тестирую в других браузерах, поскольку большинство из них не имеют такого широкого набора плагинов для помощи в разработке, как Firefox.
Еще одна необходимая вещь для Firefox — это книга Криса Педерика. Панель инструментов веб-разработчика.
Вам обязательно следует установить Safari.Он имеет ряд встроенных инструментов.Я постоянно использую его в сочетании с другими браузерами.
- Хронология сети
- Консоль ошибок
- Веб-инспектор
- Редактор фрагментов
Кроме того, он позволяет вам настроить пользовательский агент для ваших запросов.
Учтите, у него есть отдельное меню верхнего уровня под названием Развивать.
В Опере есть:
Dragonfly (инструменты -> расширенные -> инструменты разработчика)
Методы UserJS для перехвата вещей
Opera:config#CompatMode%20Override для принудительного режима совместимости или стандартного режима
Вы можете просматривать исходные файлы, редактировать их, применять изменения и перезагружать их из кеша.
В случае IE могут быть полезны следующие инструменты
- Панель инструментов разработчика Microsoft - просмотрщик dom|стилей
- HTTP-отладчик Fiddler - http-монитор
- Мгновенный источник - просмотрщик dom|стилей
- Компаньон.JS - просмотрщик dom|styles, расширенная консоль ошибок
Расширение «uber» для IE — «Инструменты разработчика», входящее в состав IE8.
Консоль разработчика и Снимок DOM для Оперы:
Удивительно то, что это букмарклеты, реализованные с помощью JS.Отстой в том, что им нужен Интернет.
Fire Fox:
Проверьте это, если вы вообще используете DOM Inspector.
Измерьте его, чтобы узнать расстояние в пикселях (если вам это нужно)
IE View или Safari View для удобства тестирования в других браузерах.
HTML-валидатор, если вам важна проверка
Console2 для улучшения консоли ошибок js
Букмарклет Javascript Shell также удобен (и посмотрите там же и другие)
Это в дополнение к панели инструментов веб-разработки, упомянутой другими.
Этот список Cebjyre почти полный (поскольку FireBug уже упоминался в вопросе).Я бы только добавил Тамперданные.Время от времени это очень полезно.
Вот мои ориентированные на разработку дополнения для Фаерфокс 3:
YМедленный — это приятное дополнение Firebug для устранения неполадок, связанных со временем загрузки страницы.
Помимо уже упомянутых превосходных инструментов, я нахожу Чарльз быть чрезвычайно полезным.Тем более, что я много работаю с Flash Remoting, с которым он отлично справляется.
Charles — это HTTP-прокси/HTTP-монитор/обратный прокси-сервер, который позволяет разработчику просматривать весь HTTP-трафик между его компьютером и Интернетом.Сюда входят запросы, ответы и заголовки HTTP (которые содержат файлы cookie и информацию о кэшировании).
Чарльз может выступать в качестве посредника для связи HTTP/SSL, позволяя вам отлаживать содержимое ваших сеансов HTTPS.
Он кроссплатформенный, стоит 50 долларов, но вы можете скачать ознакомительную версию «30 минут на сеанс».
Вот что я использую:
Fire Fox:
- Инспектор ДОМ:Я использую это больше, чем что-либо еще для веб-разработки.
- Лаунчи:для открытия сайтов в других браузерах/приложениях
- Тамперные данные:это может быть полезно для отладки запросов GET/POST.
- Панель инструментов веб-разработчика:здесь так много удобных функций для отладки:инструменты проверки W3C, встроенная линейка, инструменты изменения размера, манипулирование исходным кодом, простые инструменты кэширования/css/скриптов
ИЕ:
- Панель инструментов разработчика Internet Explorer:далеко не так удобен, как Firefox, но, по крайней мере, он дает вам приличный инспектор DOM.
Разное:
- Удобные закладки Джесси:тот оболочка букмарклет особенно удобен
- я тоже устанавливаю Сафари и Опера, но в основном используйте их только для тестирования и сравнительного анализа, поскольку их инструменты разработки не такие надежные, как Firefox, и не такие глючные, как IE.
- Рысь:Я использую это, чтобы убедиться, что все сайты с большим количеством JS по-прежнему работают, и я уверен, что они будут нормально выглядеть в Google, программах чтения с экрана и любых других приложениях, похожих на ботов.