Новинки 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 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.