Разработка в Интернете с помощью Microsoft Edge
Разрабатывайте разработку в Интернете с помощью Microsoft Edge DevTools, расширений Microsoft Edge, прогрессивных веб-приложения, автоматизации WebDriver, WebView2 и т. д.
Средства разработки Microsoft Edge
Браузер Microsoft Edge поставляется со встроенными средствами веб-разработки, называемыми Microsoft Edge DevTools. DevTools — это набор средств веб-разработки, который отображается рядом с отображаемой веб-страницей в браузере. DevTools предоставляет эффективный способ проверки и отладки веб-страниц и веб-приложений. Вы даже можете редактировать исходные файлы и создавать проекты веб-сайтов в среде DevTools.
С помощью средств разработки можно выполнить следующие действия:
Проверяйте, изменяйте и изменяйте стили элементов веб-страницы с помощью динамических инструментов с визуальным интерфейсом. Проверьте, где в браузере хранится содержимое, чтобы создать веб-страницу, включая
.html
форматы файлов ,.css
,.js
и.png
.Эмулируйте поведение веб-страницы на разных устройствах и имитируйте мобильную среду в комплекте с разными условиями сети. Проверьте сетевой трафик и проверьте расположение проблем.
Отладка JavaScript с помощью отладки точек останова и с помощью динамической консоли. Поиск проблем с памятью и отрисовки в веб-приложениях.
Найдите проблемы со специальными возможностями, производительностью, совместимостью и безопасностью в продуктах, а также используйте средства разработки для устранения обнаруженных проблем со специальными возможностями.
Используйте среду разработки для синхронизации изменений в Средствах разработки с файловой системой и из Интернета.
См. статью Обзор средств разработки.
Расширения Microsoft Edge
Создайте расширение для Microsoft Edge, чтобы добавить или изменить функции браузера. Расширения улучшают взаимодействие с браузером, предоставляя специализированную функцию, важную для целевой аудитории.
Вы можете создать расширение Microsoft Edge, если у вас есть идея или продукт, основанный на определенном веб-браузере или улучшениях функций определенных веб-страниц. Примерами сопутствующих возможностей являются блокировщики рекламы и менеджеры паролей.
Расширение Microsoft Edge структурировано аналогично обычному веб-приложению и обычно включает в себя:
- JSON-файл манифеста приложения, содержащий основные сведения о платформе.
- Файл JavaScript, определяющий поведение расширения браузера.
- ФАЙЛЫ HTML и CSS, определяющие пользовательский интерфейс.
См. статью Обзор расширений Microsoft Edge.
Прогрессивное веб-приложения
Прогрессивные веб-приложения используют открытые веб-технологии для обеспечения кроссплатформенного взаимодействия. Они работают как собственные приложения на вспомогательных платформах и как обычные веб-сайты в других браузерах.
Прогрессивные веб-приложения объединить лучшие веб-приложения и скомпилированные приложения, чтобы предоставить пользователям интерфейс, похожий на приложения, настроенный для их устройств. Прогрессивное веб-приложение — это веб-сайт, который постепенно улучшается, чтобы функционировать как установленные собственные приложения на вспомогательных платформах, а также работать как обычные веб-сайты в других браузерах.
Прогрессивные веб-приложения имеют гораздо более низкую стоимость кроссплатформенной разработки, чем скомпилированные приложения, которым требуется определенная база кода для каждой платформы, например отдельная база кода для Android, iOS и для каждой операционной системы настольного компьютера.
См. обзор прогрессивного веб-приложения (PWA).
WebView2
Элемент управления WebView2 работает на платформе Microsoft Edge и позволяет внедрять веб-технологии (HTML, CSS и JavaScript) в собственные приложения. Объедините вездесущность веб-платформы со всеми возможностями собственных платформ.
На следующей схеме показан спектр приложений от максимального охвата до максимальной мощности:
Гибридные приложения, в середине этого спектра, позволяют наслаждаться лучшим из обоих миров: вездесущность и сила веб-платформы в сочетании с мощностью и полными возможностями собственной платформы.
См. статью Общие сведения о Microsoft Edge WebView2.
Тестирование и автоматизация
Ниже приведены средства для автоматизации тестирования в Microsoft Edge.
- Протокол DevTools используется для инструментирования, проверки, отладки и профилирования браузеров.
- Используйте пробные версии Origin, чтобы попробовать экспериментальные API.
- Playwright обеспечивает автоматизацию между браузерами с помощью одного API.
- API Puppeteer управляет Microsoft Edge через протокол DevTools.
- WebDriver имитирует взаимодействие пользователей с Microsoft Edge.
- webhint linting проверяет код на наличие ошибок и рекомендации.
См . статью Тестирование и автоматизация в Microsoft Edge.
Советы по разработке для Microsoft Edge
Существует множество советов и рекомендаций, которые следует учитывать при создании веб-сайтов или веб-приложений, работающих в Microsoft Edge, в том числе:
- Тестирование на наличие предстоящих изменений, которые могут повлиять на совместимость веб-сайта с Microsoft Edge.
- Перемещение пользователей в Microsoft Edge из Интернета Обозреватель.
- Настройка защиты от отслеживания в Microsoft Edge.
- Обнаружение Microsoft Edge с веб-сайта.
- Настройка кнопки "Показать пароль".
- Обнаружение Windows 11 с помощью User-Agent клиентских подсказок.
См . раздел Советы по разработке для Microsoft Edge.
Интеграция интегрированной среды разработки Microsoft Edge
Различные функции средств Майкрософт обеспечивают интеграцию разработки с помощью Microsoft Edge, Visual Studio Code и Visual Studio для разработки продуктов, веб-страниц и веб-приложений, которые используют и работают с полной интеграцией в Microsoft Edge.
См. статью Интеграция интегрированной среды разработки Microsoft Edge.
Специальные возможности в Microsoft Edge
Разработка веб-страниц, веб-приложений и продуктов с поддержкой веб-приложений надежно поддерживается благодаря обширным функциям специальных возможностей в Microsoft Edge и экосистеме инструментов.
См. статью Специальные возможности в Microsoft Edge.
Использование этой документации
В следующих разделах приведены советы по использованию веб-сайта Microsoft Learn.
Увеличение изображения в статье
Чтобы просмотреть сведения о снимку экрана или схеме, выполните следующие действия:
Щелкните изображение правой кнопкой мыши и выберите команду Открыть изображение на новой вкладке.
Закройте вкладку изображения, чтобы вернуться к статье.
Поиск ключевых слов и терминов в текстовом поле "Фильтр по заголовку"
Текстовое поле многоцелейного фильтра по заголовку поддерживает:
- Навигация по оглавлению (ОГЛА).
- Подстановка ключевых слов по термину индекса.
- Полнотекстовый поиск документации.
В поле Фильтровать по заголовку в левом верхнем углу введите термин или ключевое слово для поиска:
Если требуемая статья не найдена, выберите Поиск "search-term" во всей документации По Microsoft Edge:
Страница полнотекстового поиска изначально выполняет поиск по всей документации По Microsoft Edge . Или щелкните ссылку Просмотреть все результаты для более широкого поиска:
Предоставление отзывов или отчетов о проблемах в документации для разработчиков Microsoft Edge
Чтобы отправить отзыв или ввести проблемы, выполните следующие действия:
- Обратитесь к команде Средств разработки Microsoft Edge
- Обратитесь в группу расширений Microsoft Edge
- Обратитесь к команде WebView2
Чтобы отправить и просмотреть отзыв для определенной страницы документации, в нижней части страницы нажмите кнопку Эта страница .