Перейти к содержанию

Microsoft включает 3D View по умолчанию в Edge Canary

Несколько месяцев назад мы сообщили, что Microsoft работает над внедрением 3D View в DevTools в браузере Chromium Edge, и тогда можно будет включить функцию незавершенной работы. Сегодня Microsoft объявила о включении средства просмотра 3D DOM Viewer по умолчанию в Edge Canary и сообщила, что скоро он выйдет в версии для разработчиков, бета-версии и релизной версии.

Microsoft вдохновила Firefox Tilt добавить эту функцию в Edge DevTools. Функция, которая позволяет визуализировать структуру веб-сайта в 3D, помогает разработчикам находить ошибки макета.

«Мы очень рады объявить о следующей итерации 3D View в Microsoft Edge DevTools с новой функцией, которая поможет отладить содержимое стекирования z-index. В общем трехмерном представлении показано представление глубины DOM (объектной модели документа) с использованием цвета и наложения, а представление Z-индекса помогает изолировать различные контексты наложения на вашей странице ». Эрик Друад, программный менеджер Edge DevTools, сказал в своем блоге.

Функция 3D View включена по умолчанию в Edge Canary, вот как вы можете включить ее в остальных ветках

  1. Посетите edge: // flags
  2. Найдите «инструменты разработчика» и для выделенных «экспериментов с инструментами разработчика» выберите «Включено».
  3. Перезапустите браузер.
  4. Теперь в браузере Edge щелкните значок с многоточием, выберите Инструменты разработчика в Дополнительные инструменты или нажмите Ctrl + Shift + I.
  5. Нажмите на три точки, Настройки> Эксперименты и выберите «Включить 3D-просмотр».

Чтобы увидеть эту функцию в действии, посетите любой веб-сайт, откройте DevTools, отметьте «Z-Index» и «DOM» в разделе 3D View. Если вам сложно найти инструмент, выберите «3D-просмотр» в меню «Дополнительные инструменты», чтобы увидеть его должным образом.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *