Новые возможности средств разработки (Microsoft Edge 96)
Это последние функции в стабильном выпуске Microsoft Edge DevTools.
Видео: Microsoft Edge | Новые возможности devTools 96
Доступен новый пользовательский интерфейс DevTools (в предварительной версии)
Команда Разработчиков Microsoft Edge экспериментирует с новым пользовательским интерфейсом DevTools: Режим фокусировки. Режим фокусировки уменьшает отвлекающие факторы и беспорядки благодаря более современному и упрощенному макету. Новая панель действий позволяет закреплять избранные инструменты на горизонтальной или вертикальной панели инструментов, чтобы эффективнее использовать пространство на экране.
Чтобы попробовать этот новый пользовательский интерфейс в Microsoft Edge версии 96, выберите Параметры (
) >Режим фокусировкиэкспериментов>.
Начиная с Microsoft Edge версии 96, флажок эксперимента помечен как Режим фокусировки , а не Режим фокусировки и Подсказки средств разработки.
Этот пользовательский интерфейс все еще находится в разработке и может измениться в будущих версиях Microsoft Edge. Мы рады услышать ваши отзывы об этом новом пользовательском интерфейсе DevTools. Отправьте нам свой отзыв, отправив в твиттере @EdgeDevTools. Или, когда эксперимент режим фокусировки включен, в нижней части панели действий выберите Справка (
) >Обратная связь, чтобы отобразить окно Отправить отзыв .
См. также:
-
Средства разработки: пользовательский интерфейс режима фокусировки в репозитории
MSEdgeExplainers.
Консоль может снова появиться на верхней и нижней панелях
Начиная с Microsoft Edge версии 87, вы можете перемещать любой инструмент между верхней и нижней панелями, включая консоль. Тем не менее, мы слышали от разработчиков, что перемещение средства консоли неоднократно было громоздким. Начиная с Microsoft Edge версии 96, интерфейс по умолчанию для средства "Консоль" был восстановлен, что позволяет быстро переключаться между полноэкранным режимом консоли (на верхней панели) и режимом разделения экрана (с консолью, отображаемой на нижней панели), без перемещения средства Консоли.
Консоль можно открыть в ящике (теперь быстрое представление) в нижней части devTools вместе с другим инструментом:
При выборе консоли на верхней панели нижняя панель автоматически сворачиваться, если на нижней панели отображалась консоль:
Если вы хотите разрешить открытие средства консоли только в одном месте, можно настроить поведение консоли:
На панели инструментов main или панели инструментов Панели инструментов щелкните правой кнопкой мыши вкладку Консоль и выберите пункт Настроить консоль. > ОтобразитсястраницаПараметры параметров.
В разделе Консоль снимите флажок Показать вкладку Консоль на панели и ящике main, а затем нажмите кнопку Закрыть (x).
См. также:
- Средства панели действий и средства быстрого просмотра в разделе Сведения о списке инструментов
- Переместите инструменты между верхней и нижней панелями в новых средствах разработки (Microsoft Edge 87).
Расширение microsoft Edge DevTools Visual Studio Code
Общие сведения об этом расширении см. в статье Расширение Microsoft Edge DevTools для Visual Studio Code.
Отображение веб-проекта в редакторе и имитация различных устройств
Расширение Microsoft Edge DevTools для Visual Studio Code теперь поддерживает закрепленную экранную трансляцию и эмуляцию устройства:
Веб-проект можно просмотреть на выделенной вкладке внутри Visual Studio Code, а также имитировать различные устройства:
Дополнительные сведения об эмуляции устройства см. в разделе Эмуляция устройства и состояния.
Отчеты о проблемах в режиме реального времени
Расширение также теперь поддерживает динамические встроенные отчеты о проблемах. Вместо того, чтобы узнать о проблемах в отдельном средстве, Visual Studio Code выделяет проблемы в исходном коде и сообщает о них в реальном времени при вводе кода:
Дополнительные сведения см . в разделе Встроенный и динамический анализ проблем.
Средство "Источники" теперь уведомляет вас о том, что исходные карты не могут быть загружены
В Microsoft Edge версии 96 средство Источники теперь предоставляет несколько указаний в пользовательском интерфейсе, когда средства разработки не могут загружать исходные карты. На вкладке Страница в области Навигатор в средстве Источники файлы, для которых Средства разработки не могут загружать исходные карты, имеют значок предупреждения вместо значка файла.
Выбор файла со значком предупреждения открывает файл в средстве Источники с информационной панелью, указывающей, что DevTools не удалось правильно получить исходную карту с сервера или не удалось правильно проанализировать исходную карту:
На информационной панели вы можете узнать больше о проблеме, нажав кнопку Открыть в проблемах . Затем откроется средство "Проблемы " в панели " Панельбыстрого просмотра " в нижней части devTools и предоставляет сведения о том, как устранить проблему и правильно загрузить исходную карту в devTools:
Чтобы предотвратить загромождение средства "Источники " на панели сведений об исходных картах, нажмите кнопку Больше не показывать . Чтобы предотвратить возникновение проблем, связанных с исходными картами, снимите флажок Включить сторонние проблемы в средстве Проблемы.
См. также:
Открытие исходных файлов в Visual Studio Code теперь лучше интегрируется со средством "Источники"
В предыдущих версиях Microsoft Edge включение файлов с открытым кодом в Visual Studio Code эксперименте приводило к неожиданному поведению, когда вы уже использовали средство "Источники" в DevTools. Установка точек останова приведет к Visual Studio Code или документации по правильной настройке эксперимента.
В Microsoft Edge версии 96 файлы с открытым исходным кодом в эксперименте Visual Studio Code теперь лучше интегрируются со средством "Источники".
Если средство "Источники" открыто, а затем вы включаете открытые исходные файлы в Visual Studio Code эксперименте, установка точек останова или открытие файлов теперь открывает средство "Источники", а не направляет вас на Visual Studio Code или документацию для правильной настройки эксперимента.
Как и в более ранних версиях Microsoft Edge, если средство "Источники" не открыто в средствах разработки, а затем вы включите открытые исходные файлы в Visual Studio Code эксперименте, установка точек останова или открытие файлов из средств, отличных от средства "Источники", открывает файл в Visual Studio Code.
См. также:
- Открытие исходных файлов в Visual Studio Code — как Средства разработки интегрируются с Visual Studio Code.
При выборе раскрывающегося треугольника в пользовательском интерфейсе DevTools открывается меню
В более ранних версиях Microsoft Edge DevTools при выборе значка треугольника рядом с раскрывающимся меню раскрывающееся меню не отображалось. Чтобы открыть раскрывающееся меню, необходимо щелкнуть выбранный пункт меню слева от значка треугольника, например Нет регулирования:
В Microsoft Edge версии 96 эта проблема устранена. При выборе значка треугольника для любого раскрывающегося меню в Средствах разработки открывается раскрывающееся меню:
Примечание.
Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Оригинальной страницей объявлений из проекта Chromium является Что нового в DevTools (Chrome 96) и автор Джеселин Йен.
Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.