Dieses Tutorial zeigt, dass das Erstellen eines grundlegenden Webbrowsers in Windows 10 unter Verwendung der Microsoft Edge WebView -Steuerung und Standard -Webtechnologien (HTML, CSS, JavaScript) erstellt wird. Während ein Mac-basiertes Äquivalent nicht direkt unterstützt wird, bieten virtuelle Maschinen oder Dual-Booting eines Insider Build-Angebots-Problemumgehungen.

Das WebView -Steuerelement bietet erhebliche Vorteile gegenüber IFRames, einschließlich einer verbesserten Handhabung von Framebusting- und Dokumentenladenereignissen. Das x-ms-webview Tag bietet einzigartige Funktionen wie erweiterte lokale Inhaltszugriffs- und Screenshot-Funktionalität. Der resultierende Browser nutzt die gleiche Webplattform wie Microsoft Edge.

Holen Sie sich den Beispielcode:

Der vollständige Quellcode ist auf GitHub verfügbar. Sie können den Browser auch direkt erleben, indem Sie die App aus dem Windows Store installieren oder die Visual Studio -Lösung bereitstellen.

Dieses Projekt zeigt die einfache Erstellung eines funktionalen Webbrowsers mit Standard -Web -Technologien und der WebView -Steuerung. Microsoft fördert eine weitere Erforschung der Windows 10 -Entwicklung.

Weitere Webentwicklungsressourcen:

Dieser Artikel ist Teil einer Reihe von Microsoft, die sich auf praktische JavaScript, Open-Source-Projekte und Cross-Browser-Kompatibilität bewährte. Nutzen Sie diese Ressourcen, um Ihre Webentwicklungsfähigkeiten zu verbessern:

• dev.modern.ie: bietet kostenlose Tools zum Scannen von Websites für veraltete Bibliotheken, Layoutprobleme und Zugänglichkeitsprobleme an. Bietet virtuelle Maschinen für Mac, Linux und Windows sowie Remote -Tests für Microsoft Edge. Enthält ein GitHub-Codierungslabor zum Cross-Browser-Test.
• Microsoft Edge Web Summit 2015: bietet ausführliche Informationen zum neuen Browser, unterstützte Webplattformstandards und Erkenntnisse der JavaScript-Community.
• Zusätzliche Ressourcen: Erforschen Sie Artikel zu erweiterten JavaScript -Techniken, der Edge -Rendering -Engine, WebGL, gehostete Web -Apps und mehr (Links zu bestimmten Artikeln, die für die Kürde weggelassen wurden).
.
• . plattformübergreifende Tools:
Verwenden Sie den Visual Studio-Code (verfügbar für Linux, MacOS und Windows) und Azure (kostenloser Versuch verfügbar).

häufig gestellte Fragen (FAQ):

Die folgenden FAQs behandeln gemeinsame Fragen zum Erstellen von Browsern mit EdgeHtml und JavaScript:

• Was ist EdgeHtml?
EdgeHtml ist Microsoft's Proprietary Browser Engine, eine Gabel von Trident, die moderne Standards unterstützt, Leistung und verbesserte Sicherheit verbessert.
• . Wie unterscheidet sich EdgeHtml von anderen Motoren?
EdgeHtml priorisiert leichtes Design für schnelleres Durchsuchen und unterstützt sowohl moderne als auch ältere Rendering -Modi.
• Kann ich andere Motoren verwenden?
Ja, Motoren wie Blink, Gecko und Webkit sind Alternativen, aber die Implementierung wird sich unterscheiden.
• Voraussetzungen?
grundlegende HTML, CSS und JavaScript -Wissen und der Microsoft Edge -Browser.
• verwandeln Benutzereingabe?
Verwenden Sie JavaScript -Ereignishörer für Benutzeraktionen (Klicks, Texteingabe usw.).
• zurück hinzufügen/vorwärts/aktualisieren? Verwenden Sie Javascripts history und location
Objekte.
• Anpassen von Aussehen?
Verwenden Sie CSS, um Browserelemente zu stylen.
• debugging?
Verwenden Sie Edge's Developer Tools.
• . Drittanbieter Bibliotheken?
Verwenden Sie kompatible Bibliotheken.
• cross-plattform-Kompatibilität?
edHtml ist Windows-spezifisch; Die plattformübergreifende Entwicklung erfordert eine plattformübergreifende Engine.

Diese überarbeitete Antwort behält die Bedeutung des ursprünglichen Inhalts bei und verbessert die Lesbarkeit und Struktur. Es kondensiert auch einige Abschnitte für die Selbstverständlichkeit.