Как открыть инструменты разработчика в microsoft edge
Код уязвим для ошибок. И вы, скорее всего, будете делать ошибки в коде… Впрочем, давайте будем откровенны: вы точно будете совершать ошибки в коде. В конце концов, вы человек, а не робот.
Но по умолчанию в браузере ошибки не видны. То есть, если что-то пойдёт не так, мы не увидим, что именно сломалось, и не сможем это починить.
Для решения задач такого рода в браузер встроены так называемые «Инструменты разработки» (Developer tools или сокращённо — devtools).
Chrome и Firefox снискали любовь подавляющего большинства программистов во многом благодаря своим отменным инструментам разработчика. Остальные браузеры, хотя и оснащены подобными инструментами, но всё же зачастую находятся в роли догоняющих и по качеству, и по количеству свойств и особенностей. В общем, почти у всех программистов есть свой «любимый» браузер. Другие используются только для отлова и исправления специфичных «браузерозависимых» ошибок.
Для начала знакомства с этими мощными инструментами давайте выясним, как их открывать, смотреть ошибки и запускать команды JavaScript.
Google Chrome
В её JavaScript-коде закралась ошибка. Она не видна обычному посетителю, поэтому давайте найдём её при помощи инструментов разработки.
Нажмите F12 или, если вы используете Mac, Cmd + Opt + J .
По умолчанию в инструментах разработчика откроется вкладка Console (консоль).
Она выглядит приблизительно следующим образом:
Точный внешний вид инструментов разработки зависит от используемой версии Chrome. Время от времени некоторые детали изменяются, но в целом внешний вид остаётся примерно похожим на предыдущие версии.
Обычно при нажатии Enter введённая строка кода сразу выполняется.
Чтобы перенести строку, нажмите Shift + Enter . Так можно вводить более длинный JS-код.
Теперь мы явно видим ошибки, для начала этого вполне достаточно. Мы ещё вернёмся к инструментам разработчика позже и более подробно рассмотрим отладку кода в главе Отладка в браузере.
Firefox, Edge и другие
Инструменты разработчика в большинстве браузеров открываются при нажатии на F12 .
Их внешний вид и принципы работы мало чем отличаются. Разобравшись с инструментами в одном браузере, вы без труда сможете работать с ними и в другом.
Safari
Safari (браузер для Mac, не поддерживается в системах Windows/Linux) всё же имеет небольшое отличие. Для начала работы нам нужно включить «Меню разработки» («Developer menu»).
Откройте Настройки (Preferences) и перейдите к панели «Продвинутые» (Advanced). В самом низу вы найдёте чекбокс:
Теперь консоль можно активировать нажатием клавиш Cmd + Opt + C . Также обратите внимание на новый элемент меню «Разработка» («Develop»). В нем содержится большое количество команд и настроек.
Итого
- Инструменты разработчика позволяют нам смотреть ошибки, выполнять команды, проверять значение переменных и ещё много всего полезного.
- В большинстве браузеров, работающих под Windows, инструменты разработчика можно открыть, нажав F12 . В Chrome для Mac используйте комбинацию Cmd + Opt + J , Safari: Cmd + Opt + C (необходимо предварительное включение «Меню разработчика»).
Теперь наше окружение полностью настроено. В следующем разделе мы перейдём непосредственно к JavaScript.
В Microsoft Edge браузере есть встроенные средства веб-разработки, называемые Microsoft Edge DevTools. DevTools — это набор средств веб-разработки, которые отображаются рядом с отображаемой веб-страницей в браузере. DevTools предоставляет эффективный способ проверки и отладки веб-страниц и веб-приложений. Вы даже можете редактировать исходные файлы и создавать проекты веб-сайтов в среде DevTools.
С помощью Средств разработки можно выполнять следующие действия:
Проверка, настройка и изменение стилей элементов на веб-странице с помощью динамических инструментов с визуальным интерфейсом. Проверьте, где хранится содержимое браузера для создания веб-страницы, .html включая форматы файлов, .css``.js``.jpg а также форматы файлов.
Эмулировать поведение веб-сайта на разных устройствах и имитировать мобильную среду с разными условиями сети. Проверьте сетевой трафик и просмотрите расположение проблем.
Отладка JavaScript с помощью отладки точек останова и путем использования интерактивной консоли. Поиск проблем с памятью и отрисовки веб-приложений.
Поиск проблем со специальными возможностями, производительностью, совместимостью и безопасностью в продуктах, а также устранение найденных проблем со специальными возможностями с помощью средств разработки.
Используйте среду разработки для синхронизации изменений в DevTools с файловой системой и из Интернета.
Открыть средства разработчика
В Microsoft Edge средства разработчика можно открыть с помощью мыши или клавиатуры любым из следующих способов. То, какое средство открыто, зависит от того, как вы открываете DevTools.
Основные способы:
Действие | Результирующее средство |
---|---|
Щелкните правой кнопкой мыши любой элемент на веб-странице и выберите пункт " Проверить". | Инструмент Elements с расширением дерева DOM для отображения элемента страницы, щелкнув правой кнопкой мыши. |
Нажмите Ctrl ++ Shift``I (Windows/Linux) или I Command + Option +(macOS). | Ранее использованное средство или средство приветствия . |
Нажмите клавишу F12 . | Ранее использованное средство или средство приветствия . |
Дополнительные способы:
Действие | Результирующее средство |
---|---|
На панели Microsoft Edge выберите Параметры ( ) > дополнительные > средства Средства разработчика. | Ранее использованное средство или средство приветствия . |
Нажмите Ctrl ++ Shift``J (Windows, Linux) или J Command + Option +(macOS). | Средство консоли . |
Нажмите Ctrl ++ Shift``C (Windows, Linux) или C Command + Option +(macOS). | Средство Elements с развернутным деревом DOM, чтобы отобразить элемент. |
Нажмите Shift + F10 , чтобы открыть контекстное меню. Чтобы выбрать команду "Проверить ", нажмите Up Arrow и нажмите кнопку . Enter . | Средство Elements с развернутным деревом DOM, чтобы отобразить элемент. |
Нажмите Tab и Shift + Tab переместите фокус на элемент страницы. Затем нажмите, Shift + F10 чтобы открыть контекстное меню. Чтобы выбрать команду "Проверить ", нажмите Up Arrow и нажмите кнопку . Enter . | Инструмент Elements с расширением дерева DOM для отображения элемента страницы с фокусом. |
Откройте DevTools, щелкнув правой кнопкой мыши элемент на веб-странице
Хороший способ открыть DevTools — щелкнуть правой кнопкой мыши элемент на веб-странице и выбрать пункт "Проверить":
Откроется devTools с выделенным правой кнопкой мыши элементом в дереве DOM в средстве Elements :
Откройте devTools с помощью Microsoft Edge панели инструментов
На панели Microsoft Edge можно выбрать Параметры и другие ( . ) > дополнительные > средства Средства разработчика:
"Дополнительные инструменты" > "Средства разработчика"." />
Автоматическое открытие devTools при открытии новой вкладки
Чтобы средства разработчика автоматически открывались при открытии новой вкладки в браузере:
В командной строке откройте Microsoft Edge, передав --auto-open-devtools-for-tabs флаг следующим образом:
Windows командной строки:
Оболочка bash в macOS:
Оболочка bash в Linux:
Отключение сочетания клавиш F12
Чтобы запретить нажатие F12 клавиши DevTools:
В Microsoft Edge перейдите к edge://settings/system .
В разделе "Средства разработчика " отключите open the DevTools при нажатии клавиши F12.
Поддержка клавиатуры
Вы можете взаимодействовать с devTools с помощью мыши или клавиатуры. Сочетания клавиш обеспечивают быстрый доступ к функциональным возможностям и необходимы для специальных возможностей. Различные средства становятся все более доступными с помощью клавиатуры и специальных возможностей, таких как средства чтения с экрана.
Изменение места закрепления DevTools в браузере
Вы можете закрепить средства разработки в правой, левой или нижней части браузера или открепить их в отдельном окне. См . раздел "Изменение размещения средств разработки" (открепка, закрепление снизу, закрепление слева).
Увеличение масштаба средств разработки
Пользовательский интерфейс DevTools реализуется с помощью HTML и CSS, например веб-страниц, чтобы можно было увеличивать и увеличивать масштаб с помощью стандартных сочетаний клавиш. Уровни масштабирования для средств разработки и отображаемой страницы независимы.
Чтобы увеличить масштаб части DevTools в браузере, выполните указанные ниже действия.
- Если фокус еще не установлен на Средства разработки, щелкните где-нибудь в DevTools.
- Нажмите Ctrl + + или Ctrl + - (Windows linux). Или нажмите или Command``- + + Command +(macOS).
Чтобы увеличить отображаемую страницу, щелкните страницу и используйте те же сочетания клавиш, что и выше.
Чтобы восстановить масштаб до 100 %:
- Убедитесь, что основное внимание уделяется нужной части браузера— devTools или отрисовке страницы.
- Нажмите Ctrl + 0 (Windows Linux) или Command + 0 (macOS).
Чтобы увеличить масштаб Параметры:
Чтобы увеличить масштаб средств разработки с помощью меню команд, выполните следующие действия.
Функции главной панели инструментов
DevTools предоставляет множество функций для проверки, отладки и изменения веб-сайта, отображаемого в браузере. Большинство средств отображают изменения в динамическом режиме. Динамические изменения делают средства очень удобными при настройке внешнего вида и навигации или функциональности веб-продукта без необходимости его обновления или сборки.
Панели инструментов с вкладками, содержащие вкладки и страницы
Кроме нескольких инструментов значков (средство проверки **** и эмуляция устройств), средства devTools делятся на набор средств с вкладками, таких как инструмент " Элементы", средство консоли и **** средство "Источники". В меню команд средства называются панелями. Вкладка средства содержит панель, содержащую пользовательский интерфейс средства.
Вкладки более высокого уровня:
Инструменты организованы в набор вкладок на главной панели инструментов и на панели инструментов панели инструментов. Большинство средств также называются панелями. Панель — это внутренний пользовательский интерфейс средства. Средство имеет вкладку, которая может присутствовать на главной панели инструментов и панели инструментов панели инструментов.
Вкладки нижнего уровня:
На панели некоторых инструментов есть один или несколько наборов вкладок (панелей вкладок). Например, инструмент Elements содержит набор вкладок, включающих стили , прослушиватели событий и вкладки специальных возможностей. **** Для других средств на панели средства есть страницы, перечисленные слева.
Главная панель инструментов и панель инструментов "Панель"
Есть две панели инструментов: главная панель инструментов в верхней части devTools и панель в нижней части при **** нажатии. Esc
Главная панель инструментов содержит следующие функции:
- Средство приветствия .
- Средство "Элементы ". Постоянного.
- Консольное средство. Постоянного.
- Средство "Источники ". Постоянного.
- Сетевое средство.
- Средство производительности .
- Средство " Память".
- Средство приложения .
- Средство безопасности .
- Средство Lighthouse .
- Средство обзора CSS .
Ниже описаны функции панели инструментов.
Средство "Проверка"
При нажатии кнопки "Проверить средство "Проверка" ( значок средства проверки) можно выбрать элемент на текущей веб-странице. Пока средство **** проверки активно, можно навести указатель мыши на разные части веб-страницы, чтобы получить подробные сведения об элементах страницы, а также много цветное наложение, показывающее размеры макета, заполнение и поле элемента страницы.
Эмуляция устройства
Средство Welcome
Включает сведения о новых функциях средств разработчика, способ связи с командой и предоставляет информацию о некоторых функциях.
Средство "Элементы"
Позволяет проверять, изменять и отлаживать HTML и CSS. Изменения можно изменить в средстве при отображении изменений в браузере.
Инструмент Elements всегда присутствует на главной панели инструментов.
Средство "Консоль"
В средстве консоли можно:
Средство консоли всегда присутствует на главной панели инструментов и панели инструментов панели инструментов.
Средство "Источники"
Средство "Источники " — это редактор кода и отладчик JavaScript. Вы можете редактировать проекты, поддерживать фрагменты кода и выполнять отладку текущего проекта.
Средство "Источники " всегда присутствует на главной панели инструментов.
Средство "Сеть"
Средство " Сеть" позволяет отслеживать и проверять запросы или ответы из кэша сети и браузера. Вы можете фильтровать запросы и ответы в соответствии со своими потребностями и имитировать различные сетевые условия.
В Microsoft Edge браузере есть встроенные средства веб-разработки, называемые Microsoft Edge DevTools. DevTools — это набор средств веб-разработки, которые отображаются рядом с отображаемой веб-страницей в браузере. DevTools предоставляет эффективный способ проверки и отладки веб-страниц и веб-приложений. Вы даже можете редактировать исходные файлы и создавать проекты веб-сайтов в среде DevTools.
С помощью Средств разработки можно выполнять следующие действия:
Проверка, настройка и изменение стилей элементов на веб-странице с помощью динамических инструментов с визуальным интерфейсом. Проверьте, где хранится содержимое браузера для создания веб-страницы, .html включая форматы файлов, .css``.js``.jpg а также форматы файлов.
Эмулировать поведение веб-сайта на разных устройствах и имитировать мобильную среду с разными условиями сети. Проверьте сетевой трафик и просмотрите расположение проблем.
Отладка JavaScript с помощью отладки точек останова и путем использования интерактивной консоли. Поиск проблем с памятью и отрисовки веб-приложений.
Поиск проблем со специальными возможностями, производительностью, совместимостью и безопасностью в продуктах, а также устранение найденных проблем со специальными возможностями с помощью средств разработки.
Используйте среду разработки для синхронизации изменений в DevTools с файловой системой и из Интернета.
Открыть средства разработчика
В Microsoft Edge средства разработчика можно открыть с помощью мыши или клавиатуры любым из следующих способов. То, какое средство открыто, зависит от того, как вы открываете DevTools.
Основные способы:
Действие | Результирующее средство |
---|---|
Щелкните правой кнопкой мыши любой элемент на веб-странице и выберите пункт " Проверить". | Инструмент Elements с расширением дерева DOM для отображения элемента страницы, щелкнув правой кнопкой мыши. |
Нажмите Ctrl ++ Shift``I (Windows/Linux) или I Command + Option +(macOS). | Ранее использованное средство или средство приветствия . |
Нажмите клавишу F12 . | Ранее использованное средство или средство приветствия . |
Дополнительные способы:
Действие | Результирующее средство |
---|---|
На панели Microsoft Edge выберите Параметры ( ) > дополнительные > средства Средства разработчика. | Ранее использованное средство или средство приветствия . |
Нажмите Ctrl ++ Shift``J (Windows, Linux) или J Command + Option +(macOS). | Средство консоли . |
Нажмите Ctrl ++ Shift``C (Windows, Linux) или C Command + Option +(macOS). | Средство Elements с развернутным деревом DOM, чтобы отобразить элемент. |
Нажмите Shift + F10 , чтобы открыть контекстное меню. Чтобы выбрать команду "Проверить ", нажмите Up Arrow и нажмите кнопку . Enter . | Средство Elements с развернутным деревом DOM, чтобы отобразить элемент. |
Нажмите Tab и Shift + Tab переместите фокус на элемент страницы. Затем нажмите, Shift + F10 чтобы открыть контекстное меню. Чтобы выбрать команду "Проверить ", нажмите Up Arrow и нажмите кнопку . Enter . | Инструмент Elements с расширением дерева DOM для отображения элемента страницы с фокусом. |
Откройте DevTools, щелкнув правой кнопкой мыши элемент на веб-странице
Хороший способ открыть DevTools — щелкнуть правой кнопкой мыши элемент на веб-странице и выбрать пункт "Проверить":
Откроется devTools с выделенным правой кнопкой мыши элементом в дереве DOM в средстве Elements :
Откройте devTools с помощью Microsoft Edge панели инструментов
На панели Microsoft Edge можно выбрать Параметры и другие ( . ) > дополнительные > средства Средства разработчика:
"Дополнительные инструменты" > "Средства разработчика"." />
Автоматическое открытие devTools при открытии новой вкладки
Чтобы средства разработчика автоматически открывались при открытии новой вкладки в браузере:
В командной строке откройте Microsoft Edge, передав --auto-open-devtools-for-tabs флаг следующим образом:
Windows командной строки:
Оболочка bash в macOS:
Оболочка bash в Linux:
Отключение сочетания клавиш F12
Чтобы запретить нажатие F12 клавиши DevTools:
В Microsoft Edge перейдите к edge://settings/system .
В разделе "Средства разработчика " отключите open the DevTools при нажатии клавиши F12.
Поддержка клавиатуры
Вы можете взаимодействовать с devTools с помощью мыши или клавиатуры. Сочетания клавиш обеспечивают быстрый доступ к функциональным возможностям и необходимы для специальных возможностей. Различные средства становятся все более доступными с помощью клавиатуры и специальных возможностей, таких как средства чтения с экрана.
Изменение места закрепления DevTools в браузере
Вы можете закрепить средства разработки в правой, левой или нижней части браузера или открепить их в отдельном окне. См . раздел "Изменение размещения средств разработки" (открепка, закрепление снизу, закрепление слева).
Увеличение масштаба средств разработки
Пользовательский интерфейс DevTools реализуется с помощью HTML и CSS, например веб-страниц, чтобы можно было увеличивать и увеличивать масштаб с помощью стандартных сочетаний клавиш. Уровни масштабирования для средств разработки и отображаемой страницы независимы.
Чтобы увеличить масштаб части DevTools в браузере, выполните указанные ниже действия.
- Если фокус еще не установлен на Средства разработки, щелкните где-нибудь в DevTools.
- Нажмите Ctrl + + или Ctrl + - (Windows linux). Или нажмите или Command``- + + Command +(macOS).
Чтобы увеличить отображаемую страницу, щелкните страницу и используйте те же сочетания клавиш, что и выше.
Чтобы восстановить масштаб до 100 %:
- Убедитесь, что основное внимание уделяется нужной части браузера— devTools или отрисовке страницы.
- Нажмите Ctrl + 0 (Windows Linux) или Command + 0 (macOS).
Чтобы увеличить масштаб Параметры:
Чтобы увеличить масштаб средств разработки с помощью меню команд, выполните следующие действия.
Функции главной панели инструментов
DevTools предоставляет множество функций для проверки, отладки и изменения веб-сайта, отображаемого в браузере. Большинство средств отображают изменения в динамическом режиме. Динамические изменения делают средства очень удобными при настройке внешнего вида и навигации или функциональности веб-продукта без необходимости его обновления или сборки.
Панели инструментов с вкладками, содержащие вкладки и страницы
Кроме нескольких инструментов значков (средство проверки **** и эмуляция устройств), средства devTools делятся на набор средств с вкладками, таких как инструмент " Элементы", средство консоли и **** средство "Источники". В меню команд средства называются панелями. Вкладка средства содержит панель, содержащую пользовательский интерфейс средства.
Вкладки более высокого уровня:
Инструменты организованы в набор вкладок на главной панели инструментов и на панели инструментов панели инструментов. Большинство средств также называются панелями. Панель — это внутренний пользовательский интерфейс средства. Средство имеет вкладку, которая может присутствовать на главной панели инструментов и панели инструментов панели инструментов.
Вкладки нижнего уровня:
На панели некоторых инструментов есть один или несколько наборов вкладок (панелей вкладок). Например, инструмент Elements содержит набор вкладок, включающих стили , прослушиватели событий и вкладки специальных возможностей. **** Для других средств на панели средства есть страницы, перечисленные слева.
Главная панель инструментов и панель инструментов "Панель"
Есть две панели инструментов: главная панель инструментов в верхней части devTools и панель в нижней части при **** нажатии. Esc
Главная панель инструментов содержит следующие функции:
- Средство приветствия .
- Средство "Элементы ". Постоянного.
- Консольное средство. Постоянного.
- Средство "Источники ". Постоянного.
- Сетевое средство.
- Средство производительности .
- Средство " Память".
- Средство приложения .
- Средство безопасности .
- Средство Lighthouse .
- Средство обзора CSS .
Ниже описаны функции панели инструментов.
Средство "Проверка"
При нажатии кнопки "Проверить средство "Проверка" ( значок средства проверки) можно выбрать элемент на текущей веб-странице. Пока средство **** проверки активно, можно навести указатель мыши на разные части веб-страницы, чтобы получить подробные сведения об элементах страницы, а также много цветное наложение, показывающее размеры макета, заполнение и поле элемента страницы.
Эмуляция устройства
Средство Welcome
Включает сведения о новых функциях средств разработчика, способ связи с командой и предоставляет информацию о некоторых функциях.
Средство "Элементы"
Позволяет проверять, изменять и отлаживать HTML и CSS. Изменения можно изменить в средстве при отображении изменений в браузере.
Инструмент Elements всегда присутствует на главной панели инструментов.
Средство "Консоль"
В средстве консоли можно:
Средство консоли всегда присутствует на главной панели инструментов и панели инструментов панели инструментов.
Средство "Источники"
Средство "Источники " — это редактор кода и отладчик JavaScript. Вы можете редактировать проекты, поддерживать фрагменты кода и выполнять отладку текущего проекта.
Средство "Источники " всегда присутствует на главной панели инструментов.
Средство "Сеть"
Средство " Сеть" позволяет отслеживать и проверять запросы или ответы из кэша сети и браузера. Вы можете фильтровать запросы и ответы в соответствии со своими потребностями и имитировать различные сетевые условия.
На этой странице перечислены способы настройки Microsoft Edge devTools.
Параметры
**** > Параметры Preferences содержит множество вариантов настройки средств разработки.
Чтобы открыть Параметры, в DevTools щелкните значок Параметры ( Или, пока Средства разработки фокусирует, нажмите клавишу F1 .
На панели инструментов drawer в нижней части средства разработки можно выбрать, какие средства следует отобразить.
Чтобы открыть (или закрыть) панель, нажмите клавишу Escape .
Инструменты можно перемещать между основной панелью и панелью.
Чтобы переместить средство с панели на главную панель, щелкните его правой кнопкой мыши и выберите пункт "Переместить вверх".
Чтобы переместить средство с главной панели на панель, щелкните правой кнопкой мыши средство и выберите команду "Переместить в конец".
Изменение порядка инструментов
Щелкните и перетащите инструмент, чтобы изменить порядок. Пользовательский порядок инструментов сохраняется в сеансах DevTools.
По умолчанию средство "Сеть " обычно является пятой вкладкой на главной панели инструментов. На следующем рисунке средство " Сеть" перемещается, чтобы стать первой вкладкой на главной панели инструментов.
Открытие и закрытие инструментов
Чтобы оптимизировать интерфейс DevTools, многие средства не открываются по умолчанию. Чтобы открыть средство на главной панели или панели, нажмите кнопку "Дополнительные инструменты " ( " справа от вкладок, а затем выберите средство из списка.
Чтобы закрыть средство, нажмите кнопку Close (Close Tool.](../media/close-tab-icon.jpg)) (![Закрыть инструмент) на вкладке средства.
Изменение места закрепления DevTools в браузере
Увеличение масштаба средств разработки
Дополнительные сведения о средствах разработчика см. в разделе "Общие сведения о средствах разработчика".
Цветовые темы
Восстановление параметров по умолчанию
Чтобы восстановить тему по умолчанию, размещение, порядок инструментов и другие настроенные параметры, **** > выберите Параметры PreferencesRestore > по умолчанию и обновите его.
Настройка сочетаний клавиш
Некоторые части этой страницы представляют собой измененные материалы, созданные и предоставленные корпорацией Google. Их использование регулируется условиями, описанными в лицензии Creative Commons Attribution 4.0 International License. Исходная страница находится здесь и создается Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).
Эта работа предоставляется в рамках международной лицензии Creative Commons Attribution 4.0 International License.
Инструменты разработчика присутствуют во всех современных браузерах, в том числе и в Edge. Edge — это браузер нового поколения от компании Microsoft, до этого браузера компания активно продвигала легендарный Int e rnet Explorer. Однако компания Майкрософт отказалась от поддержки всех версий IE и сконцентрировала свои силы на поддержк е нового браузера Edge, который по умолчанию установлен в операционной системе Windows.
Сегодня мы рассмотрим , какие инструменты разработчика предлагает нам браузер Edge.
Инструменты разработчика в Edge
Инструменты разработчика в Edge открывают широкие возможности для проверки, отладки и корректировки ваших веб-продуктов в этом обозревателе. Практически все инструменты работают в динамическом отображении изменений. То есть , дела я к акие-то корректировки в коде , вы сразу будете видеть , как внесенные изменения будут отображаться в самом браузере. Если вас все устроит, то вы сможете смело перенести внесенные изменения в файлы вашего проекта.
Панель инструментов для разработчика
Инструменты разработчика Edge: дополнительные расширения
Встроенной панели инструментов в Edge более чем достаточн о д ля работы с веб-проектами. Но бывает такое, что вам необходимы какие-то специфические инструменты, которые не доступны в панели инструментов. Вы можете добавить их в качестве расширения Edge.
Важная особенность. Браузер Edge поддерживает добавление расширений, но у него нет специальных расширений для веб-разработчиков. Однако так как Edge построен на базе Chromium, то в него можно добавлять расширения из магазина расширений Google Chrome. Для этого нужно будет просто включить разрешение на добавление расширений из других магазинов. Как только вы это сделаете, можете пройти в магазин расширений Гугл Хром и установить себе нужное расширение.
Какие задачи можно выполнить, используя инструменты разработчика в Edge
Заключение
Инструменты разработчика Edge мало чем отличаются от инструментов в другом браузере. Но их обязательно нужно использовать, если ваш веб-проект тесно связан с браузером Edge, чтобы максимально корректно подогнать свой ресурс под этот браузер.
С другой стороны, Edge не является самым популярным браузером, но у него также есть свои последователи. Поэтом у е сли этот браузер является вашим «любимчиком» и вы начали изучать веб-программирование, то вам не нужно будет «пересаживаться» на другой браузер, потому что в Edge есть все необходимые инструменты для веб-разработчика.
Мы будем очень благодарны
если под понравившемся материалом Вы нажмёте одну из кнопок социальных сетей и поделитесь с друзьями.
Читайте также: