Примечание
Для доступа к этой странице требуется авторизация. Вы можете попробовать войти или изменить каталоги.
Для доступа к этой странице требуется авторизация. Вы можете попробовать изменить каталоги.
Помимо средств, доступных в Средствах разработки Microsoft Edge, вы можете добавить новые средства, установив расширения Microsoft Edge или создав собственные расширения для конкретных вариантов использования. Расширение Microsoft Edge часто расширяет пользовательский интерфейс Microsoft Edge новыми кнопками и панелями, но также может расширить средства разработки в Microsoft Edge, добавив новую вкладку инструментов на панели действий.
Поиск расширения, расширяющего средства разработки
Категория Средства разработчика в надстройках Microsoft Edge содержит расширения, которые обычно расширяют средства разработки.
Невозможно узнать, расширяет ли расширение панель действий DevTools, не запуская его или не глядя на исходный код, но в категории Средства разработчика в надстройках Microsoft Edge рекомендуется искать.
Установка расширения в средствах разработки
Чтобы установить расширение Microsoft Edge, расширяющее средства разработки, выполните приведенные далее действия.
Перейдите в раздел Надстройки Microsoft Edge, например категорию Средства разработчика, и перейдите к расширению, которое требуется установить.
Например, перейдите к расширению средств разработчика React, которое является примером, используемым для следующих действий:
Нажмите кнопку Получить . Откроется диалоговое окно установки Добавление <имени> расширения в Microsoft Edge?
Нажмите кнопку Добавить расширение . В диалоговом окне указано, что расширение установлено, а кнопка Расширения (
расширение.Откройте новую вкладку или окно, а затем перейдите на страницу, содержащую содержимое, относящееся к расширению DevTools. Например, используйте страницу примера React TodoMVC или перейдите на динамическую страницу репозитория демонстраций Microsoft Edge, например demo-to-do.
Откройте средства разработки, например нажав клавишу F12. В случае с этим расширением React на панели действий открываются две новые вкладки: Компоненты и Профилировщик:
Если новые вкладки не отображаются на панели действий, сделайте Средства разработки шире или нажмите кнопку Дополнительные инструменты (
") и выберите средство:
Создание расширения DevTools
Вы можете создать собственное расширение DevTools, чтобы добавлять новые вкладки на панели действий DevTools и взаимодействовать с проверяемой страницей.