Новинки DevTools (Chrome 97)

Published on Updated on

Translated to: English, Español, Português, 한국어, 中文, 日本語

Переводы предоставлены Alena Batitskaya. Редактор — Maxim Salnikov.

Заинтересованы в улучшении DevTools? Зарегистрируйтесь и примите участие в исследовании пользовательского опыта здесь.

Ранний доступ: новая вкладка Recorder

Используйте новую вкладку Recorder, чтобы записать, воспроизвести или измерить пользовательские сценарии.

Откройте вкладку Recorder. Следуйте инструкциям на экране, чтобы начать новую запись.

Например, вы можете записать процесс заказа кофе с помощью этого демо приложения . После выбора кофе и ввода платёжных данных вы можете закончить запись, воспроизвести её сначала или кликнуть на кнопку Measure performance для просмотра пользовательских данных во вкладке Производительность (Performance).

Обратитесь к документации по вкладке Recorder, чтобы узнать больше из пошагового руководства.

Вкладка Recorder находится в раннем доступе. Наша команда все ещё активно работает над ней, и мы ждем ваши отзывы для дальнейших улучшений.

Вкладка Recorder

Задача в трекере Chromium: 1257499

Обновлён список устройств в панели инструментов устройства (Device Mode)

При выборе устройства теперь вы увидите больше современных моделей в списке. Выберите устройство для симуляции размеров его экрана.

Обновлён список устройств в панели инструментов устройства

Задача в трекере Chromium: 1223525

Автодополнение в режиме Редактировать как HTML (Edit as HTML)

Интерфейс функции Редактировать как HTML (Edit as HTML) теперь поддерживает автодополнение и подсветку синтаксиса. Во вкладке Элементы (Elements) кликните правой кнопкой мыши на элементе и выберите Редактировать как HTML (Edit as HTML). Начните печатать свойство DOM (id, aria и т.д.) и автодополнение поможет вам найти нужное название свойства.

Автодополнение в режиме Редактировать как HTML

Задача в трекере Chromium: 1215072

Улучшен процесс отладки кода

В вывод ошибки в Консоли (Console) добавлены номера колонок. Простой доступ к номеру колонки критичен для отладки кода, особенно в случае с минифицированным JavaScript.

Номера колонок добавлены в вывод ошибки

Задача в трекере Chromium: 1073064

[Эксперимент] Синхронизация настроек DevTools между устройствами

Ваши настройки DevTools теперь синхронизируются между устройствами, когда вы включаете синхронизацию профиля Chrome. Вы можете изменить настройки синхронизации зайдя в Настройки (Settings) > Синхронизация (Sync) > Включить синхронизацию настроек (Enable settings sync).

Настройки синхронизации DevTools

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

Настройки внешнего вида

В данный момент это экспериментальная функция, наша команда все ещё активно работает над ней. Ждем ваши отзывы здесь.

Задача в трекере Chromium: 1245541

Загрузите предварительные версии браузеров

Рассмотрите возможность использования Chrome Canary, Dev или Beta в качестве основного браузера для разработки. Они дают вам доступ к последним функциям DevTools, возможность протестировать новейшие API веб-платформы и найти проблемы на вашем сайте раньше, чем это сделают пользователи!

Связь с командой Chrome DevTools

Воспользуйтесь одной из следующих опций, чтобы обсудить новые функции и изменения в посте или что-либо еще, связанное с DevTools.

  • Отправьте нам предложение или отзыв через crbug.com.
  • Сообщите о проблеме, связанной с DevTools, используя Больше опций (More options)   More   > Справка (Help) > Сообщить о проблемах в инструментах разработчика (Report a DevTools issues) в DevTools.
  • Твитните на @ChromeDevTools.
  • Оставьте комментарии под What's new in DevTools видео на YouTube.

Больше новинок DevTools

Чтобы увидеть полный список обновлений, перейдите на английскую версию по ссылке What's New In DevTools. Ниже перечислены материалы, переведенные на русский язык.

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Updated on Improve article

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.