Поделиться через


Примеры расширений Microsoft Edge

Используйте демонстрационные версии расширений, чтобы узнать, как разрабатывать расширения для Microsoft Edge.

Список примеров

Имя демонстрации Описание Каталог репозитория Docs
Всплываемая веб-страница средства просмотра рисунков Расширение браузера без JavaScript, которое отображает stars.jpeg изображение на небольшой веб-странице во всплывающем окне на любой вкладке Microsoft Edge. /picture-viewer-popup-web/ в microsoft / репозиторий MicrosoftEdge-Extensions Пример: всплываемая веб-страница в средстве просмотра рисунков
Вставка рисунков с помощью скрипта содержимого Использует код JavaScript для вставки изображения в stars.jpeg начало текущей веб-страницы внутри <body> элемента . /picture-inserter-content-script/ в репозитории Microsoft / MicrosoftEdge-Extensions Пример. Вставка рисунков с использованием скрипта содержимого
Обычный Базовое расширение DevTools. /devtools-extension/sample 1/ в репозитории MicrosoftEdge / Demos Шаг 1. Создание базового расширения Microsoft Edge с веб-страницей DevTools в разделе Создание расширения DevTools, добавление пользовательской вкладки инструментов и панели.
Панель Базовое расширение DevTools с панелью. /devtools-extension/sample 2/ в репозитории MicrosoftEdge / Demos Шаг 2. Добавление пользовательского средства в DevTools в разделе Создание расширения DevTools, добавление вкладки и панели настраиваемых инструментов.
CDP Базовое расширение DevTools, вызывающее API-интерфейсы протокола разработчика Chrome (CDP). /devtools-extension/sample 3/ в репозитории MicrosoftEdge / Demos Шаг 3. Отображение сведений о памяти путем вызова API расширений в разделе Создание расширения DevTools с добавлением пользовательской вкладки и панели инструментов.
Осмотр Базовое расширение DevTools, которое взаимодействует со страницей Проверено. /devtools-extension/sample 4/ в репозитории MicrosoftEdge / Demos Шаг 4. Взаимодействие между веб-страницей и средствами разработки в разделе Создание расширения DevTools, добавление пользовательской вкладки инструментов и панели.

См. также