So erstellen Sie Ihren eigenen Browser mit JavaScript mit EdgeHTML

Dieses Tutorial zeigt, dass das Erstellen eines grundlegenden Webbrowsers in Windows 10 unter Verwendung der Microsoft Edge WebView Control und Standard Web Technologies (HTML, CSS, JavaScript) erstellt wird. Während ein Mac-basierter Äquivalent nicht direkt unterstützt wird, bieten virtuelle Maschinen oder Dual-Booting eines Insider Build-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ätsbetrags-Best Practices konzentriert. Nutzen Sie diese Ressourcen, um Ihre Webentwicklungsfähigkeiten zu verbessern:

• dev.modern.ie: bietet kostenlose Tools für Scan -Sites für veraltete Bibliotheken, Layoutprobleme und Zugänglichkeitsprobleme. Bietet virtuelle Maschinen für Mac, Linux und Windows sowie Remote -Tests für Microsoft Edge. Beinhaltet ein GitHub-Codierungslabor bei Cross-Browser-Tests.
• Microsoft Edge Web Summit 2015: bietet ausführliche Informationen zum neuen Browser, unterstützten Webplattformstandards und Erkenntnisse aus der JavaScript-Community.
• Zusätzliche Ressourcen: Artikel zu erweiterten JavaScript -Techniken, der Edge -Rendering -Engine, WebGL, gehosteten Web -Apps und mehr (Links zu bestimmten Artikeln, die für die Kürze weggelassen werden).
• plattformübergreifende Tools: Verwenden Sie den Visual Studio-Code (verfügbar für Linux, MacOS und Windows) und Azure (kostenlose Versuch verfügbar).

häufig gestellte Fragen (FAQ):

Die folgenden FAQs befassen sich mit gemeinsamen Fragen zum Erstellen von Browsern mit EdgeHTML und JavaScript:

• Was ist EdgeHtml?
Wie unterscheidet sich EdgeHTML von anderen Motoren?
• Kann ich andere Motoren verwenden?
Voraussetzungen?
• Verwaltung der Benutzereingaben Verwenden Sie JavaScript -Ereignishörer für Benutzeraktionen (Klicks, Texteingabe usw.).
• Zurück/Vorwärts/Aktualisieren? Verwenden
• Erscheinungsbild anpassen? Verwenden Sie CSS, um Browserelemente zu stylen.
• Debugging? Verwenden Sie die Entwickler -Tools von Edge. history location Bibliotheken von Drittanbietern?
Verwenden Sie kompatible Bibliotheken.
• plattformübergreifende Kompatibilität? Die plattformübergreifende Entwicklung erfordert einen plattformübergreifenden Motor.
• 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.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie Ihren eigenen Browser mit JavaScript mit EdgeHTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!