Изменение размещения devTools (открепить, закрепить вниз, закрепить слева)

Вы можете изменить, где закреплены средства разработки в браузере. По умолчанию Средства разработки Microsoft Edge закреплены справа от окна браузера. Вы также можете закрепить Средства разработки в нижней или левой части окна или открепить Средства разработки к отдельному окну.

Чтобы изменить расположение средств разработки в окне браузера, выполните следующие действия:

  • Нажмите кнопку меню Настройка и управление Средствами разработки (настройка и управление значком DevTools), а затем в разделе Расположение док-станции выберите вариант макета:
    • Отстыковка в отдельное окно (значок
    • Закрепление влево (значок
    • Закрепление снизу (значок
    • Закрепление вправо (значок

Меню Расположение док-станции в средствах разработки

Закрепление слева или закрепление справа сохраняет Средства разработки рядом с веб-страницей и отлично подходит для эмуляции мобильных устройств (эмуляция устройств). Варианты Закрепить слева и Закрепить справа лучше всего работают с дисплеями с высоким разрешением.

Отстыковка devTools в отдельное окно

Разъединяйте средства разработки в отдельное окно, если вы хотите работать с несколькими мониторами или если вам нужно работать с полноэкранным приложением и требуется много места для пользовательского интерфейса DevTools. На следующем рисунке показаны средства разработки, отстыкованные в отдельном выделенном окне:

Средства разработки отстыкованы в отдельном окне

Так как DevTools теперь имеет собственное выделенное окно, разрабатываемая страница теперь занимает все окно браузера:

Веб-страница, которая находится в разработке, теперь отделена от окна DevTools, которое отстыкована от окна веб-страницы браузера

Закрепление средств разработки в левой части браузера

На следующем рисунке показаны средства разработки, закрепленные в левой части окна браузера:

Средства разработки закреплены слева

Закрепление средств разработки в нижней части браузера

Закрепление снизу помогает вам, если у вас недостаточно горизонтального пространства для отображения или вы хотите отладить длинный текст в DOM или консоли. На следующем рисунке показаны средства разработки в нижней части окна браузера:

Средства разработки закреплены в нижней части

Закрепление средств разработки в правой части браузера

На следующем рисунке показаны средства разработки в правой части окна браузера, которое является расположением по умолчанию:

Средства разработки закреплены справа

Изменение места закрепления средств разработки с помощью меню команд

  1. Откройте меню Команда. Для этого нажмите кнопку меню Настройка и управление средствами разработки (настройка и управление значком DevTools), а затем нажмите кнопку Выполнить команду. Или нажмите клавиши CTRL+SHIFT+P (Windows/Linux) или COMMAND+SHIFT+P (macOS).

  2. Введите dock и выберите команду dock:

    • Закрепление снизу
    • Закрепление слева
    • Закрепление справа
    • Восстановление последней позиции док-станции
    • Отстыковка в отдельное окно