devtools

  • ХабрахабрФото Интересные трюки JS, HTML и CSS, #2

    Интересные трюки JS, HTML и CSS, #2

    Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления. Предыдущая часть здесь. В этом выпуске — DevTools для мобильных браузеров, CSS-антистресс для Booking.com (на КДПВ), единственная защита от фингерпринтинга (спойлер: это браузер Tor, он же Firefox) и др. ▍ Фингерпринтинг как сервис Услугу…

    Читать далее »
  • ХабрахабрФото От проверки шрифтов до HAR-файлов: оцениваем инструменты для ускорения работы тестировщиков

    От проверки шрифтов до HAR-файлов: оцениваем инструменты для ускорения работы тестировщиков

    Привет, Хабр! Меня зовут Ульяна, я тестирую новые фичи и продукты Selectel. Обычно тестирую фронтенд сайта компании или панели управления, но сегодня выступлю немного в другой роли тестировщика. Я завсегдатай Heisenbug — одной из самых крупных конференций для тестировщиков. На последнем митапе мне запомнился доклад про различные фичи и возможности браузерных инструментов разработчика. Некоторые были для меня в новинку, и…

    Читать далее »
  • ХабрахабрФото [Перевод] Что нового завезли в DevTools (Chrome 111)

    [Перевод] Что нового завезли в DevTools (Chrome 111)

    Отладка HD color с помощью панели стилей Новые цветовые типы CSS и пространства появляются в интернете! Не менее интересно, что DevTools получил новые инструменты, помогающие разработчикам создавать, конвертировать и отлаживать цвета высокой четкости. Панель стилей теперь поддерживает 12 новых цветовых пространств и 7 новых гамм, как описано в спецификации CSS Color Level 4. Смотрите Руководство по цвету CSS высокой четкости…

    Читать далее »
  • ХабрахабрФото Проникновение в чужой ящик Gmail через скрытое расширение Chrome

    Проникновение в чужой ящик Gmail через скрытое расширение Chrome

    Взлом почты — одно из самых популярных заданий на подпольном рынке хакерских услуг в даркнете, поскольку это краегольный камень для доксинга, кражи личности и перехвата коммуникаций жертвы. Неудивительно, что злоумышленники придумывают новые способы атаки для проникновения в чужой почтовый ящик. В прошлом году появился ещё один новый и достаточно неординарный вектор атаки — через расширение Chrome, которое не ворует пароли,…

    Читать далее »
  • ХабрахабрФото Yandex Planner. Как планировать вычислительные мощности

    Yandex Planner. Как планировать вычислительные мощности

    Серверные вычислительные ресурсы распределяются между большинством сервисов Яндекса централизованно. Тем самым все команды — и существующие давно, и собранные вокруг небольших экспериментов — получают мощности, которые им необходимы, чтобы сервис бесперебойно и быстро работал у всех пользователей. Однако этим распределением нужно управлять. Меня зовут Сергей Фомин, я разработчик Yandex Planner. Мой пост будет посвящён тому, как мы эффективно решаем задачу…

    Читать далее »
  • ХабрахабрФото [Перевод] 11 хитростей Chrome DevTools, которые помогут Вам стать Senior FrontEnd-разработчиком

    [Перевод] 11 хитростей Chrome DevTools, которые помогут Вам стать Senior FrontEnd-разработчиком

    Предисловие Я полагаю, что вы должны быть знакомы с браузером Chrome, так как это ближайший партнер разработчиков интерфейса. Мы можем использовать его для просмотра сетевых запросов, анализа производительности веб-страницы и отладки последних функций JavaScript. В дополнение к этому, он также предоставляет множество мощных, но необычных функций, которые могут значительно повысить эффективность нашей разработки. Давайте посмотрим. 1. Повторно отправить запрос XHR В…

    Читать далее »
  • ХабрахабрФото Швейцарский нож отладки JavaScript

    Швейцарский нож отладки JavaScript

    Кажется, что все в начале пути разработчика отлаживали код при помощи console.log(). Я уверен, что и сейчас среди читателей найдётся человек, который сможет отладить код любой сложности при помощи вывода информации в консоль. Признаюсь честно, я и сам достаточно долго просто выводил что-то в консоль, пытаясь понять, что пошло не так. Я понимал, что использовать breakpoint быстрее и продуктивнее, даёт…

    Читать далее »
  • ХабрахабрФото Используем DevTools в headless Chrome

    Используем DevTools в headless Chrome

    Если вы когда-нибудь использовали Puppeteer, то наверняка сталкивались с неудобной отладкой скриптов на удалённых нодах headless Chrome. Часто так не хватает консоли, а лучше полноценной панели инструментов для изучения запросов и логов… хотя постойте. Puppeteer сам по себе построен поверх Chrome DevTools Protocol, значит, наверняка есть куча решений для проброса данных в локальные DevTools? А вот и нет. Есть только…

    Читать далее »
  • ХабрахабрФото JavaScript: Стек вызовов и магия его размера

    JavaScript: Стек вызовов и магия его размера

    [unable to retrieve full-text content]

    Читать далее »
  • ХабрахабрФото Как мы ускоряли работу отладчика Swift

    Как мы ускоряли работу отладчика Swift

    Привет! Меня зовут Александр Скворцов, я работаю в команде Яндекс.Браузера для iOS. Это очень большой проект, который насчитывает около тысячи clang-модулей и примерно 600 Swift-модулей. Наверное, из-за таких масштабов мы чаще других наталкиваемся на проблемы инструментов разработки, например, находим критические ошибки в компиляторе, неработающую подсветку и автодополнение. Это бывает неприятно, но жить можно.  Самая серьёзная проблема возникла с отладкой. В…

    Читать далее »


Кнопка «Наверх»