Содержание:
Способ 1: Горячие клавиши
По умолчанию любой веб-обозреватель поддерживает открытие консоли разработчика при помощи сочетания клавиш. Microsoft Edge не стал исключением в этом плане. Вы можете задействовать как классическую горячую клавишу F12, так и комбинацию Ctrl + Shift + I.
- Сделайте это действие на любой странице. Мы будем отталкиваться от горячей клавиши F12, поскольку она привычнее для большинства.
- При первом таком нажатии отобразится уведомление о том, что вы можете использовать данную клавишу, чтобы получить доступ к инструментам для веб-разработчиков. Отметьте галочкой пункт «Запомнить мой ответ», если желаете далее использовать эту клавишу для повторного открытия консоли. Затем нажмите по «Открыть средства разработчика».
- Консоль откроется в правой части окна. Ее можно регулировать по размеру и прокручивать области с данными, чтобы добиться идеального отображения.
- Присутствуют все необходимые вкладки, позволяющие отследить действия в сети, просмотреть отладку, общий код или выполнить команды в консоли.
Если вы нажимаете сочетание клавиш Ctrl + Shift + I, то консоль открывается сразу без каких-либо уведомлений и предупреждений. F12 срабатывает не всегда, особенно если действие клавиши отключено через настройки браузера. Тогда потребуется разблокировать ее, выполнив следующие действия:
- Откройте меню браузера, откуда перейдите в «Параметры».
- Понадобится выбрать раздел «Специальные возможности».
- Найдите блок «Клавиатура» и активируйте опцию «Нажмите клавишу F12, чтобы открыть средства разработчика».
Теперь клавиша F12 будет доступной для открытия через нее консоли. Точно таким же способом можете отключить ее, если она назначена под другое действие во время использования браузера. В таком случае останется только обращаться к Ctrl + Shift + I.
Способ 2: Контекстное меню
Если работа с горячими клавишами для вас неудобна, можно вызвать консоль другими методами. Один из них — использование контекстного меню, доступного на любой открытой странице. Нужный пункт здесь имеет не обычное название, поэтому некоторые пользователи думают, что в Microsoft Edge открытие средств разработчика через контекстное меню нельзя, хотя это не так.
- Щелкните в любом месте страницы ПКМ и из появившегося контекстного меню выберите пункт «Проверить».
- Отобразится консоль в разделе «Элементы». При помощи верхней панели переходите непосредственно к самой консоли с событиями или отслеживайте передачу трафика.
- Отметим, что можно оказаться сразу в том блоке кода, который отвечает за исследование конкретного элемента. Для этого нужно вызвать контекстное меню, щелкнув ПКМ прямо по интересующему элементу, после чего уже перейти в «Проверить».
- Нужный блок кода будет подсвечен, можно развернуть весь класс, изучить все содержимое и даже поменять его, если это требуется.
Способ 3: Меню браузера
Если приведенные выше методы вам не подходят или вы предпочитаете переходить к различным настройкам и инструментам через визуальные меню, используйте полноформатный список инструментов в Microsoft Edge. Через него без проблем можно попасть в консоль разработчика и начать работу на любой странице.
- Вызовите меню браузера, нажав по трем точкам справа на верхней панели, и наведите курсор на пункт «Другие инструменты».
- Из следующего меню выберите «Средства разработчика».
- Откроется консоль, и вы сможете переключаться между ее составляющими и взаимодействовать.
Способ 4: Свойства ярлыка
Продвинутые пользователи могут настроить ярлык Microsoft Edge для того, чтобы консоль разработчика открывалась прямо при запуске новой вкладки. Это пригодится в тех случаях, когда нужен постоянный доступ к рассматриваемому инструменту и неудобно постоянно обращаться к одним и тем же методам, чтобы открывать его на разных вкладках.
- Для начала нужно найти тот ярлык Microsoft Edge, который вы используете для запуска. Если его нет на рабочем столе, отыщите Edge через «Пуск», щелкните по значку правой кнопкой мыши и выберите пункт «Перейти к расположению файла».
- Вызовите контекстное меню ярлыка и выберите «Свойства».
- Перейдите на вкладку «Ярлык» и после кавычек добавьте выражение ниже, после чего обязательно примените изменения:
--auto-open-devtools-for-tabs
- Теперь можете запускать браузер и сразу работать с консолью на новых вкладках.