Как сделать веб-приложение для Windows

Обновлено: 05.07.2024



Размещенные веб-приложения, мост Windows для веб-приложений, стали популярным выбором среди разработчиков для создания приложений универсальной платформы Windows (UWP). Неудивительно, что некоторые из лучших приложений в Магазине Windows созданы как размещенные веб-приложения. Такие приложения, как Yahoo Mail, Shazam и Microsoft Office Sway, – это размещенные веб-приложения, которые используют все преимущества платформы Windows 10 и являются отличными приложениями, которые нравятся пользователям.

Что такое размещенное веб-приложение?

Давайте посмотрим, что делает приложение размещенным веб-приложением. По сути, размещенное веб-приложение — это приложение-контейнер. Содержимое приложения (или большая часть содержимого) размещается на веб-сервере. Для клиента размещенное веб-приложение выглядит и воспринимается как любое другое приложение из Магазина. Для разработчика приложение — это автономный экземпляр веб-приложения со всеми функциями и привилегиями приложения из Магазина. Тот же код, который выполняется в размещенном веб-приложении, может выполняться и в браузере, а также повторно использоваться на других платформах.

При запуске приложения-контейнера код загружается внутрь приложения с веб-сервера во время выполнения. Как приложение UWP, оно теперь имеет доступ не только к стандартным веб-API, как в браузере, но и ко всему диапазону API UWP, как и любое другое приложение для Windows 10.

Многие разработчики задаются вопросом, что нужно для создания отличного размещенного веб-приложения. Давайте рассмотрим некоторые функции и характеристики, которые могут определять разницу между обычным приложением, представляющим собой просто представление в Интернете, и размещенным веб-приложением, которое использует все преимущества API UWP.

Начните с правильного типа веб-приложения

При работе с размещенными веб-приложениями важно помнить, что ваш контекст находится внутри приложения, а не внутри браузера. Некоторые функции, на которые вы можете положиться в браузере (например, закладки, кнопка «Назад» или строка URL-адреса), не будут существовать внутри приложения. Эти отличия, а также новые характеристики устройств, на которых может работать ваше приложение, могут изменить или дополнить способ создания веб-приложения.

Не все веб-приложения являются одностраничными приложениями (SPA), однако SPA, как правило, имеют больше элементов управления навигацией внутри тела приложения и меньше полагаются на кнопку возврата в браузере и строку URL для навигации пользователя. Например, сайт Groove Music является SPA, а сайт MSDN — нет.

Независимо от того, является ли ваше приложение SPA или традиционным приложением для потока страниц, важно учитывать, как пользователь будет перемещаться между разделами вашего веб-приложения. Пользователь должен иметь возможность легко вернуться к предыдущему содержимому, которое он просматривал, или вернуться к началу приложения в любое время.

Если ваше приложение зависит от элементов управления браузера, чтобы помочь пользователям с навигацией высокого уровня, вы можете использовать API Windows для панели приложения или кнопки "Назад" в строке заголовка. В JavaScript доступен большой набор API-интерфейсов UWP, и мы подробно поговорим об этом позже в этом посте.

Планирование загрузки страниц

Не все различия между веб-сайтом и приложением очевидны. Когда вы переходите из браузера в приложение, важно учитывать, как пользователи будут воспринимать то, что происходит в разных состояниях вашего приложения. У вас есть индикаторы загрузки данных? Находясь в браузере, пользователи склонны мириться с задержкой ответа (щелкнуть ссылку и дождаться загрузки страницы), а сам браузер часто дает подсказки о том, что происходит. Однако в приложении вам, скорее всего, потребуется явно отображать индикатор загрузки во время загрузки страниц или отображения содержимого. Простое добавление индикаторов загрузки CSS во время загрузки XHR или содержимого страницы может значительно улучшить взаимодействие с пользователем.

Поддержка касаний

Сенсорный экран — еще один важный момент для размещенных веб-приложений. Многие современные веб-приложения уже учитывают сенсорные устройства (особенно в мобильном пространстве) и хорошо подходят для представления в качестве приложения для Магазина, где вероятность использования на устройстве с сенсорным экраном возрастает. Тем не менее, все еще существует ряд сайтов, особенно на настольных компьютерах, которые полагаются на наведение курсора мыши для доступа к меню и содержимому сайта. Также часто можно увидеть веб-сайты, на которых целевые объекты кликов предназначены для мыши, но они слишком малы для использования на устройствах с сенсорным экраном.

Если ваше веб-приложение попадает в эту категорию, вам нужно внести некоторые изменения перед переходом на размещенное веб-приложение. Microsoft рекомендует учитывать все устройства и платформы при создании навигации. Это может означать поддержку как API событий указателя W3C, так и событий касания, чтобы ваше веб-приложение было готово к сенсорной среде размещенного веб-приложения.

Если во время разработки у вас нет доступа к устройству с сенсорным экраном, Visual Studio Community – это бесплатный инструмент, который поставляется с симулятором для Windows 10. Симулятор — отличный способ увидеть, как будут работать сенсорные и мультитач-взаимодействия. работа.

Вы также можете протестировать интерактивные элементы управления, чтобы убедиться, что они работают и с сенсорным экраном.Такие объекты, как карты, прокручиваемые меню JavaScript и карусели изображений, должны подходить для прикосновения. Карты должны поддерживать мультитач и позволять масштабировать щипком. Карусели и окна с прокруткой должны поддерживать панорамирование и пролистывание.

Учитывайте размер экрана

Адаптивный дизайн и шаблоны прогрессивного улучшения используются в Интернете уже довольно давно. При переходе из браузера в пространство приложения применяются те же принципы, и они могут быть даже более важными. Даже если рассматривать только семейство устройств с Windows 10, вашему приложению может потребоваться обслуживать экраны размером от телефона до телевизора с Xbox One или даже Surface Hub.

Устройства с Windows 10 бывают разных форм и размеров, и, поскольку это «Windows», ваше приложение, скорее всего, будет использоваться внутри окна на рабочем столе. Он может даже одновременно делиться экраном с другими приложениями. Эти рекомендации по проектированию полезны и на других платформах: многие устройства Android, а теперь и некоторые устройства iOS предоставляют пользователям «оконный режим».

Существует ряд фреймворков, таких как Bootstrap и Foundation, которые помогут вам настроить веб-приложение для различных размеров экрана. Вы также можете создавать собственные решения с помощью медиа-запросов CSS. Убедитесь, что ваше приложение легко читается и перемещается вне зависимости от размера экрана и соотношения сторон.

Некоторые владельцы сайтов по устаревшим и коммерческим причинам по-прежнему поддерживают отдельные версии своего сайта для мобильных и настольных компьютеров. В этом случае часто возникает вопрос, какой из этих сайтов следует использовать для размещенного веб-приложения. Ответ зависит от вашего приложения. Учитывайте приведенные выше рекомендации. Если ваше настольное приложение не масштабируется до меньшего экрана или не поддерживает сенсорное управление, возможно, вы не захотите перемещать его в приложение. Аналогичным образом, чтобы эффективно использовать мобильное приложение на экранах разных размеров, ему может потребоваться масштабирование и использование пространства экрана на больших устройствах.

Заставьте его работать в автономном режиме

Сегодня существует ряд технологий, которые помогают вашему веб-приложению работать в автономном режиме. HTML5 AppCache, indexedDB и предстоящая спецификация Service Worker предоставляют механизмы, позволяющие вашему приложению работать в автономном режиме, и многие из этих технологий будут работать внутри размещенного веб-приложения Windows 10 (сервисные работники находятся в планах). Однако большинство веб-приложений не используют ни одну из этих технологий для работы в автономном режиме. Это становится проблемой, когда вы выходите из контекста браузера в контекст приложения.

Например, ошибка 404 обычно понятна из браузера, но предоставление ответа 404 внутри приложения, когда страница недоступна, может привести к путанице. Windows 10 предлагает простое решение. Включив в пакет appx дополнительный файл с именем «msapp-error.html», приложение будет отображать пользовательское сообщение, которое имеет смысл, когда пользователь находится в автономном режиме:

< бр />

Махеш Маквана


Махеш Маквана
Писатель

Махеш Маквана — технический писатель-фрилансер, специализирующийся на написании практических руководств. Он пишет технические учебники уже более десяти лет. Он написал для некоторых известных технических сайтов, включая MakeUseOf, MakeTechEasier и Online Tech Tips. Подробнее.

Bing установлен как приложение с помощью Chrome в Windows 10.

Если вы регулярно посещаете определенные веб-сайты, вы можете превратить их в нативные приложения Windows 10. Это позволяет вам использовать свои сайты, как если бы они были обычными приложениями. Вы можете использовать Google Chrome или Microsoft Edge для создания этих приложений, и мы покажем вам, как это сделать.

Как работают веб-приложения

Ваш веб-сайт выглядит и работает точно так же в вашем приложении, как и в веб-браузере. Единственное отличие, которое вы заметите, заключается в том, что в окне вашего приложения не будет никаких элементов браузера, таких как панель закладок, адресная строка и другие элементы панели инструментов.

Если вы используете Chrome, приложение веб-сайта будет использовать Chrome в фоновом режиме. Если вы используете Edge, приложение браузера будет использовать Microsoft Edge. Тем не менее, обычные элементы браузера удалены, чтобы вы могли работать как с приложением. Эти веб-приложения имеют собственные отдельные окна, значки на панели задач и ярлыки на рабочем столе.

Веб-сайт превратился в приложение

Превратите веб-сайт в приложение с помощью Google Chrome

Вы можете использовать главное меню Chrome, чтобы превратить любой веб-сайт в приложение для Windows.

Чтобы приступить к созданию приложения, откройте меню "Пуск", выполните поиск "Google Chrome" и выберите браузер в результатах поиска.

Запустить Chrome

Сначала откройте любой веб-сайт, который вы хотите превратить в приложение. Перейдите на конкретную веб-страницу, с которой вы хотите, чтобы ваше приложение запускалось.

Когда сайт загрузится, нажмите кнопку меню (три точки) в правом верхнем углу окна и выберите Дополнительные инструменты > Создать ярлык.

Создать веб-приложение в Chrome

Появится запрос на ввод нового имени приложения. Введите имя нового приложения, установите флажок «Открыть как окно» и нажмите «Создать».

Введите название веб-приложения в Chrome

Chrome создаст приложение для вашего сайта и добавит его в меню "Пуск". Теперь вы можете искать и запускать свое приложение с помощью меню "Пуск" вашего ПК.

Приложение веб-сайта в меню

Создание приложения для веб-сайта с помощью Microsoft Edge

Вы также можете использовать Microsoft Edge, чтобы превратить веб-сайт в приложение. Это создает точно такое же приложение, как и Chrome. В конце концов, Microsoft Edge и Chrome основаны на одном и том же исходном коде Chromium с открытым исходным кодом.

Чтобы создать приложение в этом браузере, откройте меню "Пуск", найдите "Microsoft Edge" и выберите браузер.

Запустить Microsoft Edge

Перейдите на веб-сайт, для которого вы хотите создать приложение, а затем перейдите на конкретную страницу, которую вы хотите использовать для приложения.

Теперь нажмите кнопку меню (три точки) в правом верхнем углу окна и выберите "Приложения" > "Установить этот сайт как приложение".

Создайте веб-приложение в Edge

Введите имя нового приложения и нажмите "Установить".

Введите название веб-приложения в Edge

Теперь вы можете запустить только что созданное приложение из меню "Пуск".

Создайте ярлык на рабочем столе для своих приложений

Приложения вашего веб-сайта будут иметь собственные ярлыки в списке "Все приложения" в меню "Пуск". Вы также можете создать ярлык для своих приложений на рабочем столе, чтобы быстро получить к ним доступ на рабочем столе вашего ПК, если хотите.

Если для создания приложений вы использовали Chrome, ярлыки на рабочем столе уже созданы. Но если вы использовали Microsoft Edge, вам нужно будет вручную добавить ярлыки на рабочий стол.

Для этого откройте меню «Пуск» и найдите только что созданное приложение. Щелкните приложение правой кнопкой мыши и выберите "Закрепить на начальном экране".

Это необходимо сделать, поскольку Windows не позволяет напрямую создавать ярлыки для приложений такого типа.

Закрепить приложение в меню

Снова откройте меню "Пуск", и вы увидите свое приложение справа. Перетащите его на рабочий стол, и для него будет создан ярлык.

Создать ярлык на рабочем столе для веб-приложения

Как создать ярлык на панели задач для ваших приложений

Вы также можете создать ярлык на панели задач для приложений веб-сайта.

Для этого откройте меню "Пуск", найдите свое приложение, щелкните его правой кнопкой мыши и выберите "Закрепить на панели задач".

Добавить веб-приложение на панель задач

Как назначить значок приложениям на вашем веб-сайте

По умолчанию Windows использует значок вашего веб-сайта в качестве значка для вашего приложения. Вы можете изменить этот значок, если хотите немного изменить свое новое приложение.

Вы можете использовать файл значка со своего компьютера или один из встроенных значков Windows 10 для своего нового приложения.

Чтобы изменить значок приложения, щелкните правой кнопкой мыши ярлык приложения на рабочем столе и выберите "Свойства".

Доступ к свойствам приложения

В окне "Свойства" нажмите "Ярлык" вверху, а затем нажмите "Изменить значок".


Нажмите "Обзор" в открывшемся окне и выберите значок, который вы хотите использовать для своего приложения.

Если вы хотите использовать один из стандартных значков Windows 10, перейдите в папку C:\Windows\System32 и дважды щелкните файл «imageres.dll» в этой папке.

Вы увидите список встроенных значков Windows 10. Выберите тот, который вы хотите использовать, и нажмите «ОК».


Чтобы сохранить настройки, нажмите «Применить», а затем выберите «ОК».

Как удалить приложения веб-сайта

Как и в случае с другими обычными приложениями, веб-приложение можно удалить, если вы больше не планируете его использовать. Это не повлияет на вашу учетную запись на веб-сайте, и вы по-прежнему сможете использовать сайт в своем веб-браузере.

Чтобы начать удаление приложения, сначала запустите его на своем ПК.

Нажмите на три точки в строке заголовка в верхней части окна и выберите "Удалить".

Удалить приложение веб-сайта

Нажмите «Удалить» в запросе на удаление приложения.

Подтвердить удаление приложения

Знаете ли вы, что этот метод можно использовать для доступа к Apple Notes на ПК с Windows? Это делает приложение, которое работает и ощущается точно так же, как настоящее приложение Notes, которое можно найти на устройствах Apple iPhone, iPad и Mac.

  • › Как сделать Google главной страницей в Chrome, Firefox, Edge или Safari
  • › Как использовать Apple Notes в Windows или Android
  • › Новые возможности Chrome 92 уже доступны
  • › Почему СМС должен умереть
  • › 5 вещей, которые вы, вероятно, не знали о GIF-файлах
  • › Что такое GrapheneOS и как она делает Android более приватным?
  • › 7 основных функций Microsoft Excel для составления бюджета
  • › Худшее, что есть в телефонах Samsung, — это программное обеспечение Samsung.

Милан с детства увлекался ПК, и это побудило его проявить интерес ко всем технологиям, связанным с ПК. До прихода в WindowsReport он работал веб-разработчиком. Подробнее

Работающий веб-сайт настольное приложение

Для решения различных проблем с ПК мы рекомендуем DriverFix:
Это программное обеспечение будет поддерживать работоспособность ваших драйверов, тем самым защищая вас от распространенных компьютерных ошибок и сбоев оборудования. Проверьте все свои драйверы прямо сейчас, выполнив 3 простых шага:

Веб-приложения чрезвычайно полезны, но иногда вам может понадобиться превратить определенный веб-сайт в настольное приложение. Таким образом, вы можете запустить определенный веб-сайт, не открывая новую вкладку в браузере, что может быть весьма полезным. Вот как это сделать в Windows 10:

Как запустить веб-сайт в качестве настольного приложения в Windows 10?

Как запустить веб-сайт как настольное приложение

Решение 1. Используйте параметр "Добавить на рабочий стол"

Большинство современных браузеров позволяют запускать ваши любимые веб-сайты в качестве настольных приложений. Для этого перейдите на нужный веб-сайт и выберите параметр Добавить на рабочий стол. Чтобы сделать это в Google Chrome, выполните следующие действия:

После этого вы можете закрепить ярлык на панели задач или переместить его в любое место на компьютере.

Решение 2. Создайте ярлык Chrome

По словам пользователей, вы можете запустить веб-сайт как настольное приложение, создав новый ярлык Chrome. Для этого выполните следующие простые действия:

Это решение дает те же результаты, что и предыдущее, но содержит несколько дополнительных шагов и вообще не требует посещения веб-сайта или запуска Chrome. Это решение идеально подходит для опытных пользователей, которые хотят быстро запускать свои любимые веб-сайты в качестве настольных приложений. Если вы новичок, возможно, вы захотите пропустить это решение.

Решение 3. Используйте страницу приложений Chrome

По словам пользователей, вы можете легко запустить любой веб-сайт в качестве настольного приложения, используя страницу приложений Chrome. Этот процесс относительно прост, и вы можете сделать это, выполнив следующие действия:

  1. Откройте Chrome и перейдите на веб-сайт, который вы хотите запустить как приложение.
  2. Добавьте веб-сайт в закладки. Самый простой способ сделать это — выбрать название веб-сайта в адресной строке, а затем перетащить его на панель закладок. Если панель закладок недоступна, нажмите Ctrl + Shift + B, чтобы отобразить ее.
  3. Теперь откройте новую вкладку и перейдите к chrome://apps. Когда эта вкладка откроется, перетащите последнюю закладку с панели закладок в список приложений ниже.
  4. Теперь щелкните правой кнопкой мыши только что добавленное приложение и выберите пункт меню "Открыть как окно". Щелкните приложение правой кнопкой мыши еще раз и выберите параметр «Создать ярлыки».
  5. Выберите нужное место для нового ярлыка и нажмите "ОК".
  • ЧИТАЙТЕ ТАКЖЕ: исправлено: приложение не отвечает в Windows 10

После этого вы можете запустить выбранный веб-сайт как приложение с рабочего стола.

Решение 4. Используйте App Studio

У Microsoft есть собственная служба, позволяющая легко преобразовать любой веб-сайт в универсальное приложение. Сделайте следующее:

Совет эксперта. Некоторые проблемы с ПК трудно решить, особенно когда речь идет о поврежденных репозиториях или отсутствующих файлах Windows. Если у вас возникли проблемы с исправлением ошибки, возможно, ваша система частично сломана. Мы рекомендуем установить Restoro, инструмент, который просканирует вашу машину и определит, в чем проблема.
Нажмите здесь, чтобы загрузить и начать восстановление.

App Studio – это полезный сервис, с помощью которого можно легко преобразовать любой веб-сайт в универсальное приложение. Этот сервис предлагает широкий спектр функций, поэтому мы рекомендуем вам изучить его и открыть для себя все его возможности.

Решение 5. Используйте Nativefier

Нужно отметить, что Nativefier позволяет создавать кроссплатформенные приложения, поэтому их можно запускать в Windows, macOS и Linux. Этот инструмент может легко преобразовать любой веб-сайт в файл .exe, что делает его невероятно полезным. Однако для этого приложения требуется Node.js, поэтому оно может не подойти для обычных пользователей. Если вы разработчик и знакомы с Node.js, обязательно попробуйте Nativefier.

Решение 6. Используйте Applicationize

Запуск веб-сайта в качестве настольного приложения относительно прост, и вы можете легко преобразовать любой веб-сайт с помощью Applicationize. Для этого выполните следующие действия:


  1. Перейдите на веб-сайт Applicationize.
  2. Введите адрес веб-сайта, который вы хотите преобразовать.
  3. Необязательно. Настройте дополнительные параметры, такие как значок приложения, название приложения, пользовательский цвет рамки и возможность открывать ссылки во всплывающих окнах.
  4. После этого нажмите кнопку "Создать и скачать расширение Chrome".
  5. Теперь вам нужно открыть Chrome и перейти на вкладку chrome://extensions.
  6. Откройте проводник и найдите загруженный файл. Перетащите файл на вкладку chrome://extensions в Chrome.
  7. После этого расширение будет установлено, и вы сможете получить к нему доступ, перейдя на страницу chrome://apps. Оттуда вы можете создать ярлык на рабочем столе, выполнив шаги 4 и 5 решения 3.

    Решение 7. Используйте WebDGap

    Еще одна служба, которая может помочь вам преобразовать веб-сайт в настольное приложение, — WebDGap. Этот сервис имеет простой пользовательский интерфейс и может легко преобразовать практически любой веб-сайт в настольное приложение. Для этого выполните следующие простые действия:

    WebDGap – это замечательный сервис, который позволяет преобразовать любой веб-сайт в приложение для Windows, macOS, Linux или Chrome. Сервис невероятно прост в использовании, поэтому им смогут пользоваться даже самые простые пользователи. Стоит также отметить, что этот сервис совершенно бесплатный, поэтому вы можете использовать его без каких-либо ограничений.

    Как видите, запускать веб-сайты в качестве настольных приложений относительно просто. Если вы используете Google Chrome, вы можете легко преобразовать любой веб-сайт в настольное приложение. Если вы хотите сохранить веб-сайт в виде файла .exe, мы предлагаем вам попробовать службу WebDGap.

    ЧИТАЙТЕ ТАКЖЕ:

    idee restoro< бр />

    По-прежнему возникают проблемы? Исправьте их с помощью этого инструмента:

    Microsoft предлагает различные ресурсы для веб-разработчиков, включая новые инструменты и функции, поддерживающие веб-разработку с использованием Windows. В этом руководстве рассматриваются многие доступные инструменты и предоставляется возможность оставить отзыв о том, как сделать Windows идеальной средой для веб-разработки. Список API см. в разделе API для веб-разработки.

    WebView, DevTools, PWA

    Значок WebView 2


    WebView 2
    Встраивайте веб-контент (HTML, CSS и JavaScript) в собственные приложения с помощью Microsoft Edge WebView2. Скачать WebView 2

    Значок Microsoft Edge DevTools< бр />


    Инструменты разработчика Microsoft Edge
    Инструменты разработчика Microsoft Edge — это набор инструментов проверки и отладки, встроенных непосредственно в браузер Microsoft Edge. Чтобы открыть DevTools с Microsoft Edge в фокусе:

    • Нажмите правой кнопкой мыши, затем проверьте
    • Нажмите клавишу F12.
    • Ctrl + Shift + I


    Прогрессивные веб-приложения в Windows
    Прогрессивные веб-приложения (PWA) предоставляют вашим пользователям нативные приложения, адаптированные для их устройств. Это веб-сайты, которые постепенно улучшаются, чтобы функционировать как нативные приложения на поддерживающих платформах.
    Начало работы с PWA

    Браузер Microsoft Edge

    Значок Microsoft Edge


    Microsoft Edge для разработчиков
    Новый Microsoft Edge основан на Chromium для обеспечения лучшей веб-совместимости и меньшей фрагментации базовых веб-платформ. Выпущенный 15 января 2020 г., он поддерживается в Windows, macOS, iOS и Android.
    Установите новый Microsoft Edge

    Microsoft Edge для бизнеса< бр />


    Microsoft Edge для бизнеса
    Microsoft Edge основан на Chromium и предлагает корпоративную поддержку. Получите пошаговые инструкции по настройке и развертыванию нескольких доступных каналов.
    Скачать канал Microsoft Edge

    Значок программы предварительной оценки Microsoft Edge< бр />


    Microsoft Edge Insider
    Каждый день мы создаем что-то новое для Microsoft Edge. Узнайте о нашем недавнем прогрессе и о том, как вы можете принять участие. Скачать бета-версию Microsoft Edge

    Значок поддержки Microsoft Edge< бр />


    Поддержка Microsoft Edge
    Получите помощь в настройке браузера, добавлении расширений, предотвращении отслеживания, устранении неполадок и многом другом. Получить помощь по Microsoft Edge

    Отладка, тестирование и специальные возможности

    Расширение VS Marketplace Edge Debugger


    Инструменты Microsoft Edge для VS Code
    Не выходя из Visual Studio Code, используйте Microsoft Edge DevTools для подключения к экземпляру и просмотра структуры HTML во время выполнения, изменения макетов, стилей (CSS), чтения сообщений консоли и просматривать сетевые запросы.
    Установите инструменты Microsoft Edge для VS Code

    Значок виртуальных машин


    Виртуальные машины для тестирования
    Протестируйте IE11 и Microsoft Edge Legacy, используя бесплатные виртуальные машины Windows, которые вы загружаете и управляете локально.
    Скачать виртуальную машину

    Значок WebHint
    < /p>


    WebHint для специальных возможностей
    Настраиваемый инструмент анализа, который поможет вам улучшить доступность, скорость, кросс-браузерную совместимость вашего сайта и многое другое, проверяя ваш код на наличие рекомендаций и распространенных ошибок.
    Установить расширение VS Code
    Установить расширение для браузера
    Установить интерфейс командной строки

    Значок WebDriver
    < /p>


    WebDriver
    Замкните цикл разработки, автоматизировав тестирование своего веб-сайта в Microsoft Edge с помощью Microsoft WebDriver.
    Установите веб-драйвер

    Редакторы кода Visual Studio

    Значок Visual Studio


    Visual Studio (IDE)
    Интегрированная среда разработки, которую можно использовать для редактирования, отладки, создания кода и публикации приложений, включая компиляторы, автодополнение кода IntelliSense и многие другие функции.
    Установите Visual Studio

    Значок торговой площадки VS Code


    VS Code Marketplace для расширений
    Изучите множество различных расширений, доступных для настройки редактора Visual Studio Code.
    Установить расширения

    Значок торговой площадки Visual Studio< бр />


    Visual Studio Marketplace для расширений
    Изучите множество различных расширений, доступных для настройки интегрированной среды разработки Visual Studio.
    Установить расширения

    WSL, терминал, диспетчер пакетов, рабочий стол Docker

    значок WSL


    Подсистема Windows для Linux
    Используйте свой любимый дистрибутив Linux, полностью интегрированный с Windows (больше нет необходимости в двойной загрузке).
    Установить WSL

    Значок терминала Windows


    Терминал Windows
    Настройте среду терминала для работы с несколькими оболочками командной строки.
    Установить терминал

    Значок диспетчера пакетов Windows


    Диспетчер пакетов Windows
    Используйте клиент winget.exe с командной строкой для установки приложений в Windows или отправки собственных пакетов в диспетчер пакетов Windows.
    Установите клиент winget диспетчера пакетов Windows


    Typescript
    TypeScript расширяет JavaScript, добавляя в язык типы. Например, JavaScript предоставляет языковые примитивы, такие как строка, число и объект, но не проверяет, правильно ли вы их присвоили. Типскрипт делает.
    Попробуйте в браузере Установить локально

    Вклад в открытый исходный код

    Значок репозитория WinDev


    Репозиторий проблем с производительностью Windows Developer
    Независимо от того, разрабатываете ли вы ДЛЯ Windows или В Windows, используя ее в качестве кроссплатформенной машины разработки, мы хотим услышать о любых проблемах с производительностью, вызывающих у вас проблемы.
    Сообщить о проблеме с производительностью

    значок документов
    < /p>


    Вклад в документацию
    Большинство наборов документации в Microsoft имеют открытый исходный код и размещаются на GitHub. Внесите свой вклад, регистрируя проблемы или создавая запросы на вытягивание.
    Узнайте, как

    Облачная разработка с помощью Azure

    Значок Azure
    < /p>


    Azure
    Полноценная облачная платформа для размещения существующих приложений и оптимизации разработки новых. Службы Azure объединяют все необходимое для разработки, тестирования, развертывания и управления вашими приложениями.
    Настройте учетную запись Azure

    Значок когнитивных служб Azure


    Azure Cognitive Services
    Облачные службы с API-интерфейсами REST и пакетами SDK для клиентских библиотек помогут вам внедрить когнитивный интеллект в свои приложения.
    Попробуйте Cognitive Service

    Значок руководства по Azure для разработчиков


    Изучите Azure
    Полноценная облачная платформа для размещения существующих приложений и оптимизации разработки новых. Службы Azure объединяют все необходимое для разработки, тестирования, развертывания и управления вашими приложениями.
    Настройте учетную запись Azure

    Дополнительные ресурсы

    Значок React Native для Windows


    React Native для Windows + macOS
    Добавьте поддержку React Native в Windows SDK и macOS 10.13 SDK. Используйте JavaScript для создания собственных приложений Windows для всех устройств, поддерживаемых Windows, включая ПК, планшеты, 2-в-1, Xbox, устройства смешанной реальности и т. д., а также экосистемы настольных компьютеров и ноутбуков macOS.
    Установите React Native для Windows
    Установите React Native для macOS


    Курсы Microsoft Learn, связанные с веб-разработкой.
    Microsoft Learn предлагает бесплатные онлайн-курсы для изучения различных новых навыков и знакомства с продуктами и услугами Microsoft с пошаговыми инструкциями.
    Начать обучение

    Переход между Mac и Windows

    Ознакомьтесь с нашим руководством по переходу между средой разработки Mac и Windows (или подсистемой Windows для Linux).

    Читайте также: