Ce didacticiel montre la création d'un navigateur Web de base dans Windows 10 à l'aide du contrôle WebView Microsoft Edge et des technologies Web standard (HTML, CSS, JavaScript). Bien qu'un équivalent basé sur MAC ne soit pas directement pris en charge, des machines virtuelles ou une double build d'initié Offre de solutions.

Le contrôle WebView offre des avantages significatifs par rapport aux iframes, y compris une amélioration de la gestion des événements Framebusting et de chargement de documents. La balise x-ms-webView fournit des capacités uniques telles que l'accès local amélioré et la fonctionnalité de capture d'écran. Le navigateur résultant exploite la même plate-forme Web que Microsoft Edge.

Obtenez l'exemple de code:

Le code source complet est disponible sur GitHub. Vous pouvez également découvrir le navigateur directement en installant l'application à partir du Windows Store ou en déploiement de la solution Visual Studio.

Ce projet présente la facilité de création d'un navigateur Web fonctionnel avec des technologies Web standard et le contrôle WebView. Microsoft encourage une exploration plus approfondie du développement de Windows 10.

Resources de développement Web supplémentaires:

Cet article fait partie d'une série de Microsoft se concentrant sur JavaScript pratique, des projets open source et des meilleures pratiques de compatibilité entre les navigateurs. Tirez parti de ces ressources pour améliorer vos compétences en développement Web:

• Dev.Modern.ie: ·&&&] propose des outils gratuits pour numériser des sites pour les bibliothèques obsolètes, les problèmes de mise en page et les problèmes d'accessibilité. Fournit des machines virtuelles pour Mac, Linux et Windows et des tests distants pour Microsoft Edge. Comprend un laboratoire de codage GitHub sur les tests de navigateur croisé.
• Microsoft Edge Web Summit 2015: fournit des informations approfondies sur le nouveau navigateur, des normes de plate-forme Web prises en charge et des informations de la communauté JavaScript.
• Ressources supplémentaires: Explorer des articles sur des techniques JavaScript avancées, le moteur de rendu Edge, WebGL, des applications Web hébergées, et plus (liens vers des articles spécifiques omis pour la brièveté).
• outils multiplateformes: Utiliser le code Visual Studio (disponible pour Linux, macOS et Windows) et Azure (essai gratuit disponible).

Questions fréquemment posées (FAQ):

La FAQ suivante aborde les questions courantes sur la construction de navigateurs à l'aide de edgehtml et javascript:

• Qu'est-ce que Edgehtml? edgehtml est le moteur de navigateur propriétaire de Microsoft, une fourche de Trident, offrant une prise en charge des normes modernes, des performances améliorées et une sécurité améliorée.
• En quoi Edgehtml diffère-t-il des autres moteurs? Edgehtml himinalise-t-il la conception légère pour la navigation plus rapide et prend en charge les modes de rendu modernes et hérités.
• Puis-je utiliser d'autres moteurs? Oui, les moteurs comme Blink, Gecko et WebKit sont des alternatives, mais l'implémentation sera différente.
• Prérequis? Basic HTML, CSS et JavaScript Knowledge, et le navigateur Microsoft Edge.
• Gestion de l'entrée de l'utilisateur? Utilisez des écouteurs d'événements JavaScript pour les actions de l'utilisateur (clics, entrée de texte, etc.).
• Adding Back / Forward / Refresh? Utiliser JavaScript's History et location objets.
• Personnalisation de l'apparence? Utilisez CSS pour styliser les éléments du navigateur.
• Débogage? Utilisez les outils de développeur d'Edge.
• bibliothèques tierces? Utiliser des bibliothèques compatibles.
• Compatibilité multiplateforme? edgehtml est spécifique à Windows; Le développement multiplateforme nécessite un moteur multiplateforme.

Cette réponse révisée maintient la signification du contenu d'origine tout en améliorant la lisibilité et la structure. Il condense également certaines sections pour la concision.