Встроенные инструменты разработки в Firefox становятся все удобнее. 
Возможность просматривать эвенты в Firefox developer tools была доступна и раньше, но поддерживала она только нативные js события. Для этого, надо открыть Dev tools, перейти на вкладку Inspector и если на элемент было повешено событие, то справа от него отображалась пиктограмма «ev», при нажатии по которой можно было посмотреть обработчик.
Читать полностью »
Рубрика «developer tools» - 2
В Firefox Developer Tools добавлена поддержка событий jQuery
2014-08-30 в 8:36, admin, рубрики: developer tools, Firefox, javascript, jqueryDebug Mail — простой в использовании smtp-сервер для разработчиков
2014-03-26 в 15:59, admin, рубрики: developer tools, SMTP-сервер, testing, отладка, я пиарюсь, метки: developer tools, SMTP-сервер, testing, отладкаDebug Mail — сервис, предоставляющий почтовый сервер, который перехватывает и сохраняет все проходящие через него письма. Адреса отправителя и получателя не имеют значения, реальной отправки писем не происходит.
Для подключения сервиса достаточно прописать настройки SMTP-сервера, полученные после регистрации, в вашем development-окружении. После этого весь email-трафик будет обрабатываться при помощи Debug Mail.
Основные возможности:
- Real-time обновление списка писем в web-интерфейсе. Новые письма отображаются сразу после получения письма SMTP-сервером.
- Создание нескольких проектов для группировки писем по ним.
- Приглашение коллег в проекты для совместной работы.
- Быстрый поиск сообщений, группировка их по заголовку и дате получения.
- Просмотр заголовков, html, text, plain версий письма.
- Добавление комментариев к html контенту письма через сервис coment.me.
- Открытие доступа к конкретным письма по короткой ссылке (в том числе для незарегистрированных пользователей).
Сервис находится в публичной бете. Будем благодарны за любую обратную связь — судите строго!
Тем, кому интересно, как разрабатывался сервис рекомендую прочитать пост про серверную архитектуру Debug Mail.
Читать полностью »
Facebook пытается блокировать консоль разработчика в браузере Chrome
2014-02-12 в 7:08, admin, рубрики: chrome, developer tools, Facebook, Google Chrome, информационная безопасность, консоль, метки: chrome, developer tools, консольНекоторые пользователи после запуска Developer Tools в браузере Chrome на сайте Facebook получают предупреждение большими буквами: «Будьте осторожны! Эта функция браузера предназначена только для разработчиков».

С помощью такого сообщения Facebook хочет предотвратить выполнение кода в консоли неграмотными пользователями.
Читать полностью »
Веб-производительность: как Swish.com стал на 40% быстрее
2013-11-06 в 12:20, admin, рубрики: developer tools, F12, ie11, internet explorer, Web Performance, Блог компании Microsoft, Веб-разработкаПользователи не любят ждать. Исследование за исследованием демонстрирует, что скорость работы сайта существенно влияет на посетителей: у медленных сайтов визиты короче, страниц пользователи просматривают меньше и даже покупки на медленных сайтах совершают реже. Каждый владелец сайта должен со всей серьезностью относиться к его производительности, поскольку она существенно влияет на бизнес-результаты.
Мы рады сообщить, что тестировать производительность сайтов стало проще, благодаря новым инструментам F12, предназначенным для поиска и исправления связанных с ней проблем. В этом кейсе мы использовали сканер Modern.ie и профилировщик UI из нового набора F12 в IE11. Мы показали эти инструменты разработчикам из команды swish.com, чтобы узнать, как популярный сайт может их использовать для оптимизации работы типичных сценариев его использования. Результат – загрузка сайта стала на 2 секунды быстрее: рост производительности на 40% благодаря нескольким простым изменениям в коде.
Важно отметить, что проблемы с производительностью сайта, в большинстве случаев, проявлялись одинаково во всех браузерах. Практически все современные браузеры производили одни и те же операции. Хорошие инструменты для веб-разработчиков просто помогают найти узкие места и повысить общую производительность. Произведенные улучшения помогут ускорить работу сайта во всех браузерах, а не только в Internet Explorer.
Каталог инструментов для разработки мобильных приложений
2013-04-30 в 18:01, admin, рубрики: developer tools, опросник, Разработка под android, разработка под iOS, разработка под windows phone, метки: developer tools, опросникНедавно изучил отчет по рынку мобильных приложений, в котором узнал о довольно занимательном факте. Оказывается, несмотря на то, что на каждую тысячу стартапов со своим приложением появляется один стартап, который предоставляет инструменты для разработки, и количество таких стартапов растет очень быстро, до сих пор нет единого каталога интсрументов для разработки мобильных приложеий. Читать полностью »
Web Inspector в Chrome Notifications
2013-01-13 в 3:03, admin, рубрики: chrome extensions, developer tools, Google Chrome, notifications, метки: chrome extensions, developer tools, notifications Доброе утро хабр.
Более полу года назад я решил обновить моё первое и единственное расширение для chrome.
Не очень замысловатый таймер с возможностью запускать несколько счётчиков одновременно, первый в своём роде :), но не в этом суть.
С разработкой расширения мне очень помогал Web Inspector. Вызывается эта утилита не так легко как для простой странички, а по специальной ссылке, сгенерированной для каждой страницы расширения.
Читать полностью »
Новая функциональность в Google Chrome Canary
2012-04-13 в 18:53, admin, рубрики: canary, developer tools, mobile development, браузеры, Веб-разработка, новинка, метки: canary, developer tools, mobile development, новинка Многие наверное знают о Canary — девелоперской ветке Google Chrome, которая получает ежедневные обновления и которую можно поставить параллельно со стабильной версий Хрома.
Сегодня в блоге Google Developers Blog появилась новость об очередном нововведении, которое коснулось нативных инструментов для разработиков в Google Chrome.
Теперь у нас появилась возможность посмотреть, как будет выглядеть и вести наш сайт или веб-приложение на мобильном устройстве, имитируя нужные нам размеры экрана и тач-ивенты с помощью мыши.
Как это выглядит, можно посмотреть под катом
Читать полностью »

