Videos zur Webentwicklung mit Microsoft Edge
Entdecken Sie neue Microsoft Edge-Webentwicklungstechnologien und -produkte, einschließlich DevTools, Webplattform-APIs und -Features, Progressive Web-Apps und WebView2.
Diese Seite enthält Links zu kurzen Videos, die sich jeweils auf nur ein Feature und eine Demo konzentrieren.
Microsoft veröffentlicht regelmäßig neue Videos auf dem YouTube-Kanal von Microsoft Edge, die ebenfalls unten aufgeführt sind.
Klicken Sie auf eine Miniaturansicht aus der folgenden Liste, um das entsprechende Video auf YouTube zu watch.
Microsoft Edge-Kanal bei YouTube
Alle Videos zur Entwicklung mit Microsoft Edge finden Sie auf dem Kanal Microsoft Edge (@MSFTEdge) auf YouTube.
Der Microsoft Edge-Kanal enthält die folgenden Wiedergabelisten:
Erläutern von Fehlern in der DevTools-Konsole mithilfe von Copilot in Edge
8. Februar 2024
Die Konsolen- und Quellentools in Microsoft Edge DevTools sind jetzt in Copilot in Microsoft Edge integriert, um Fehler und Quellcode zu verstehen. Verwenden Sie dieses Feature, um Hilfe beim Debuggen Ihres Codes zu erhalten.
Siehe auch:
Der JSON-Viewer
Dienstag, 17. August 2023
Der JSON-Viewer formatiert und hebt JSON-Antworten und -Dateien automatisch auf Browserregisterkarten hervor. Wenn Ihr Webserver auf HTTP-Anforderungen mit als JSON codierten Daten antwortet, sind diese Daten nicht immer einfach zu lesen und werden manchmal als eine Textzeile zurückgegeben. Der JSON-Viewer ändert die zurückgegebenen Daten, um die Lesbarkeit zu erleichtern. Die JSON-Syntax wird mit unterschiedlichen Farben hervorgehoben, Objekteigenschaften werden in ihren eigenen Zeilen und eingerückt angezeigt, und Objekte können reduziert oder erweitert werden.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 113 und 114
24. Juli 2023
Deckt:
- Das Absturzanalysetool .
- Aggregieren von CSS-Selektorstatistiken.
- Warnungen für CSS-Eigenschaften, die das Layout auslösen.
- Verbesserungen des Speichertools .
- Verbesserungen der Barrierefreiheit.
- Bessere Unterstützung des Modus mit hohem Kontrast in der DevTools-Erweiterung für VS Code.
-
console.table().
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 112
26. April 2023
Deckt:
- Nicht minimierte JS-Namen für OOPIFs im Leistungstool .
- Nicht einfache CSS-Selektoren im CSS-Übersichtstool .
- Codefaltung im JSON-Viewer.
- Verbesserungen in der DevTools-Benutzeroberfläche.
- Neue Marker für Protokollpunkte und bedingte Haltepunkte.
- So ändern Sie Designs in DevTools.
Siehe auch:
- Neuerungen in DevTools (Microsoft Edge 112)
- Analysieren der CSS-Selektorleistung während der Neuberechnung von Formatvorlagenereignissen : CSS-Selektorstatistiken.
- Anzeigen formatierter JSON-Antworten oder -Dateien
Microsoft Edge | Neuerungen in DevTools 111
28. März 2023
Deckt:
- Remotedebuggen von Webinhalten auf Xbox- und HoloLens-Geräten.
- Nicht minimierte Datei- und Funktionsnamen im Leistungstool .
- Kann die Tabelle CSS-Auswahlstatistik nach Excel kopieren.
- Rendering-Emulationsfeatures auf der Symbolleiste "Gerätemodus".
- Seitenleiste des Better Elements-Tools .
- Bessere Barrierefreiheit in der Schnellansicht .
- High-Definition-Farbfeatures.
- Passen Sie die Spalten des Netzwerktools an.
Siehe auch:
- Neuerungen in DevTools (Microsoft Edge 111)
- Sicheres Debuggen von Originalcode durch Veröffentlichen von Quellzuordnungen zum Azure Artifacts-Symbolserver
Microsoft Edge | Neuerungen in DevTools 110
16. Februar 2023
Deckt:
- Schnellere Heap-Momentaufnahme Aufzeichnungen.
- Verbesserte Anpassung des Fokusmodus (DevTools-Benutzeroberfläche).
- Verbesserungen an Barrierefreiheit und Kontrastdesigns.
- Automatischer in-situ-Druck im Quellentool .
- Simulieren Sie
prefers-color-scheme.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 109
17. Januar 2023
Deckt:
- Erweiterte Ablaufverfolgungen, um Speicher- und Leistungsaufzeichnungen gemeinsam zu nutzen.
- Auswahl von Statistiken im Leistungstool .
- Nachverfolgen von Garbage Collection-Objekten (GC'd) im Speichertool .
- Erweiterung der Heapmomentaufnahmeschnellansicht.
- Überarbeiteter Bereich "Schnellansicht " im Fokusmodus.
- Neue Befehle für die Bereiche "Formatvorlagen ".
- Überprüfen von Elementen.
Siehe auch:
- Neuerungen in DevTools (Microsoft Edge 109)
- Gemeinsame Nutzung verbesserter Leistungs- und Speicherablaufverfolgungen
- Analysieren der CSS-Selektorleistung während der Neuberechnung von Formatvorlagenereignissen : Selektorstatistiken.
- Untersuchen Sie die Speicherbelegung mit reduziertem Garbage ("Include objects" -Kontrollkästchen) in Beschleunigen der JavaScript-Laufzeit ("Profilerstellungstyp "Zuordnungssampling").
- Trash Talk: der Orinoco Garbage Collector
- Erweiterung der Heapmomentaufnahmeschnellansicht .
Microsoft Edge | Neuerungen in DevTools 108
16. Dezember 2022
Deckt:
- Verbesserte Navigation in der Befehlspalette.
- Korrekturen für den Modus mit hohem Kontrast.
- JavaScript-Warnung deaktiviert.
- Siehe inaktive CSS-Eigenschaften.
- Neue Dokumentation zum Erstellen eigener Tools.
- WebDriver unter macOS unter Apple M1 verfügbar.
- Verwenden Sie getrennte Elemente, um DOM-Lecks zu finden.
Siehe auch:
- Neuerungen in DevTools (Microsoft Edge 108)
- Erstellen einer Erweiterung zum Anpassen der DevTools-Benutzeroberfläche
- Das Heap-Momentaufnahme-Dateiformat
- Microsoft Edge WebDriver – Edge WebDriver herunterladen.
Microsoft Edge | Neuerungen in DevTools 107
8. November 2022
Deckt:
- Textbeschriftungen auf der DevTools-Benutzeroberfläche im Fokusmodus.
- Neue Tastenkombination für Die Befehlspalette.
- Große Heapmomentaufnahmen im Speichertool .
- Korrekturen für den Modus mit hohem Kontrast.
- Deaktivieren Sie "Während der Eingabe suchen".
- Automatisieren sie WebView2 mit Playwright.
- Anpassen von Tastenkombinationen.
Siehe auch:
Microsoft Edge | Informationen zur Verwendung des Netzwerktools
Dienstag, 6. Oktober 2022
Erfahren Sie, wie Sie das Netzwerktool in Microsoft Edge DevTools verwenden.
Deckt:
- Warum das Netzwerktool in DevTools für Webentwickler unerlässlich ist.
- Wie Websites die Informationen, die sie benötigen, aus dem Internet erhalten, um im Webbrowser angezeigt zu werden.
- Wann sollte das Netzwerktool verwendet werden?
- Ein Überblick über die Benutzeroberfläche des Netzwerktools .
- Anzeigen von Anforderungen im Netzwerktool .
- Anzeigen der Details für eine Anforderung/Antwort.
- Anpassen des Netzwerktools .
- Sortieren, Filtern und Suchen von Anforderungen.
- Untersuchen von Leistungsproblemen.
- Blockieren von Anforderungen und Exportieren als HAR-Dateien.
- Bearbeiten und erneutes Senden von Anforderungen.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 106
3. Oktober 2022
Deckt:
- Das Befehlspalettenexperiment.
- Schnelle Behebung von Problemen in der Edge DevTools VS Code-Erweiterung.
- DevTools verwendet weniger Speicherplatz.
- Bessere Barrierefreiheit im Fokusmodus (DevTools-Benutzeroberfläche) und Fehlerbehebung mit hohem Kontrast.
- Veraltete Chromium Hell/Dunkel-Designs.
- Neue Interaktionen werden im Leistungstool nachverfolgt.
- Verwenden von Codeausschnitten.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 105
6. September 2022
Deckt:
- PWA-Protokoll, das Debuggen behandelt.
- Verbesserungen im Fokusmodus.
- Fehlerbehebungen für den Fokusmodus.
- Verbesserte Zuverlässigkeit der Tools "Netzwerk und Probleme".
- Livebearbeitung von Funktionscode während des Debuggens.
- Verwenden von Protokollpunkten.
Siehe auch:
Grundlegendes zur DevTools-Benutzeroberfläche
1. September 2022
Dieses etwas ältere Video (September 2022) zeigt die Legacy-Benutzeroberfläche für DevTools:
- Anstelle der Aktivitätsleiste zeigt das Video die Symbolleiste Standard.
- Anstelle des Bereichs Schnellansicht zeigt das Video den Drawer am unteren Rand von DevTools.
Deckt:
- Die Ui-Struktur von DevTools mit der Standard Symbolleiste und dem Bereich oben und der Drawer-Symbolleiste und dem Bereich unten.
- Wie die Microsoft Edge DevTools-Benutzeroberfläche organisiert ist.
- Was die Standard Teile der DevTools-Schnittstelle tun.
- Welche Tools sind verfügbar.
- Das Inspect-Tool .
- Geräteemulationsmodus .
- Tools auf der symbolleiste Standard oder in der Drawer.
- Die Schaltfläche Weitere Registerkarten .
- Die Schaltfläche Weitere Tools , um alle mehr als 30 Tools anzuzeigen.
- Schließen von Tools.
- Neuanordnen von Tools in der Standard Symbolleiste.
- Die Schublade und die zugehörige Symbolleiste.
- Verschieben von Tools zwischen der Standard-Symbolleiste und der Drawer-Symbolleiste.
- So stellen Sie die Standardeinstellungen wieder her.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 104
5. August 2022
Deckt:
- Fehlerbehebungen für Rendering-/Barrierefreiheit.
- Zusammengesetzte Ebenen befinden sich jetzt im Tool 3D-Ansicht , und das Tool Ebenen wurde entfernt.
- Gruppierung von Dateien im Quellentool .
- Ermitteln Sie, wo Knoten in Webkomponenten eingespart werden.
- Weitere Informationen finden Sie hier.
- Hier erfahren Sie, wo die Aktivitätsleiste platziert wird.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 103
5. Juli 2022
Deckt:
- Neu gestaltetes Willkommens-Tool .
- Neue Farbauswahl.
- Neuer Speicherheap Momentaufnahme Knotentypen.
- Fehlerbehebung für den Modus für hohen Kontrast.
- Öffnen Sie eine beliebige HTML-Seite in der VS Code-Erweiterung.
Siehe auch:
Debuggen des Webs in 3D
21. Juni 2022
Das Tool 3D-Ansicht in Microsoft Edge DevTools bietet eine dreidimensionale Darstellung der Webseite, die Sie untersuchen. Verwenden Sie das Tool 3D-Ansicht , um häufige Probleme bei der Webentwicklung zu debuggen, z. B.:
- Tief geschachtelte DOM-Knoten.
- Out-of-Document-Elemente.
- Unerwünschte Bildlaufleisten.
- Probleme bei der Z-Index-Stapelung.
- Leistung zusammengesetzter Ebenen.
Siehe auch:
- Navigieren in Webseitenebenen, Z-Index und DOM mithilfe des 3D-Ansichtstools
- Debuggen des Webs in 3D mit dem 3D-Ansichtstool – Blogbeitrag.
Verwenden Ihrer bevorzugten Sprache in Microsoft Edge DevTools
9. Juni 2022
Hier erfahren Sie, wie Sie die Benutzeroberflächensprache auswählen, die ihnen beim Programmieren und Debuggen am besten geeignet ist. Microsoft Edge DevTools unterstützt mehr als 13 verschiedene Sprachen.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 102
1. Juni 2022
Deckt:
- Visual Studio Code.
- Heapmomentaufnahmeexport.
- Zyklen interne Knoten.
- Hilfesymbol.
- Behobene Probleme.
Siehe auch:
Vollständiges Formatieren des Dropdownteils eines HTML-Codes <select> mit dem neuen <selectmenu> Element
31. Mai 2022
Das Formatieren <select> von Elementen war eine Herausforderung. Das experimentelle <selectmenu> Element (oder <selectlist>) verspricht, die verbleibenden Einschränkungen zu überwinden, indem es Webentwicklern ermöglicht, alle Teile des Elements zu formatieren.
Update juni 2024: Dieses neue Element ist noch experimentell. Das <selectmenu> Element wurde 2023 in umbenannt <selectlist> .
Siehe auch:
-
Demos der
<selectlist>Benutzeroberfläche öffnen -
Formatieren von
<select>Elementen für real - Blogbeitrag zu Formatierungselementen<select>und dem<selectmenu>-Element.
Filtern erweiterter Probleme in Edge DevTools und VSCode
20. Mai 2022
Jedes Webprodukt hat Probleme. Das Microsoft Edge DevTools Issues-Tool analysiert die aktuelle Webseite und meldet nach Typ gruppierte Probleme, einschließlich Barrierefreiheit, Kompatibilität, Leistung und mehr.
Die Microsoft Edge DevTools-Erweiterung für Visual Studio Code stellt Probleme direkt in Ihrem Quellcode zur Verfügung.
Veröffentlichte Produkte können Probleme haben. Basierend auf Ihrem Feedback haben wir nützliche Möglichkeiten zum Filtern von Problemen hinzugefügt. Sie können Probleme deaktivieren, die von Bibliotheken von Drittanbietern stammen, und auswählen, in welchen Browsern Probleme angezeigt werden sollen.
Siehe auch:
- Suchen und Beheben von Problemen mit dem Tool "Probleme"
- Inline- und Live-Problemanalyse in der DevTools-Erweiterung für VS Code
Erstellen einer bildlaufverknüpften Animation ohne JavaScript
12. Mai 2022
Erfahren Sie mehr über das Feature zum Scrollen verknüpfter CSS-Animationen und wie es verwendet werden kann, um einen Lesefortschrittsindikator auf einer Webseite zu erstellen, ohne JavaScript zu verwenden. Dies ist ein Feature der Webplattform als Ganzes, nicht nur Microsoft Edge.
Seit dem 21. Juli 2023 ist dieses Feature nicht mehr experimentell und wird jetzt in Microsoft Edge ohne Flag unterstützt. Beschreibung 2022: Css-Scrollanimationen sind ein experimentelles Feature in Microsoft Edge; Um dieses Feature auszuprobieren, wechseln Sie zu edge://flags , und aktivieren Sie dann die Einstellung Experimentelle Webplattformfeatures .
Siehe auch:
- Leserdemo – Demo-App, die im Video gezeigt wird.
- Quellcode für Reader-Demo
- CSS-scrollgesteuerte Animationen bei MDN.
- @scroll-Zeitleiste bei MDN: originale Seite zum experimentellen Feature für scrollverknüpfte CSS-Animationen.
Anpassen von Microsoft Edge-Entwicklertools und schneller Featurezugriff
5. Mai 2022
Erfahren Sie, wie Sie DevTools an Ihre Anforderungen anpassen. Deckt:
- Andocken oder Andocken von DevTools
- Öffnen Sie neue Tools.
- Schließen Sie Tools, die Sie nicht benötigen.
- Verschieben Sie Tools in der unteren Schublade (jetzt im Bereich Schnellansicht ).
- Passen Sie die Textgröße an.
- Passen Sie das Design an.
- Verwenden Sie die Tastenkombinationen des Befehlsmenüs, um DevTools schnell anzupassen.
Siehe auch:
Hervorheben von Text im Web mit der benutzerdefinierten CSS-Hervorhebungs-API
28. April 2022
Das Formatieren von Textbereichen im Web ist sehr nützlich, war aber in der Vergangenheit eine komplizierte Sache.
Die API für benutzerdefinierte CSS-Hervorhebungen ist die Zukunft der Hervorhebung von Textbereichen im Web. Diese API bietet Webentwicklern JavaScript- und CSS-Features, die es einfacher und effizienter machen, beliebige Textbereiche zu formatieren.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 101
28. April 2022
Deckt:
- Verwenden der Konsole.
- Quellzuordnungscache.
- Statustextspalte.
- Wechseln von Designs.
Siehe auch:
- Neuerungen in DevTools 101
- Konsolenintegration: https://aka.ms/ConsoleIntegration
- Netzwerkspalten: https://aka.ms/NetworkColumns
Microsoft Edge | Neuerungen in DevTools 100
19. April 2022
Deckt:
- Das Microsoft Edge Developer Tools-Repository, um Feedback und Ideen zu übermitteln.
- Die Sprachen Tschechisch und Vietnamesisch für die DevTools-Benutzeroberfläche wurden hinzugefügt.
- Filtern Sie im Speichertool Heapmomentaufnahmen nach Knotentyp.
- Das Netzwerktool verfügt über eine Spalte Erfüllt von , in der service worker oder cache angezeigt wird.
- Die Links aus einem importierten Leistungsprofil verwenden Quellzuordnungen vom Azure Artifacts-Symbolserver, um Ihrem vertrauten ursprünglichen Quellcode zuzuordnen.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 99
21. März 2022
Deckt:
- Azure Artifacts-Symbolserver und Quellzuordnungen.
- Bereich "Ebenen" im Tool "3D-Ansicht " verbessert.
- Verwenden Sie Sourcemaps, um Leistungsprofile zu entminieren.
- Live-ASP.NET Debuggen in DevTools für Visual Studio.
- Barrierefreiheit im Netzwerkkonsolentool und in der 3D-Ansicht .
Siehe auch:
Automatische Bildbeschreibungen in Microsoft Edge
17. März 2022
Microsoft Edge stellt automatisch generierten Alternativtext für Bilder bereit, die ihn nicht enthalten. Automatisch generierter Alternativtext hilft Benutzern von Hilfstechnologien wie Bildschirmsprachausgaben, die Bedeutung oder Absicht eines Bildes im Web zu entdecken.
Viele Blinde oder sehbehinderte Menschen erleben das Web in erster Linie über eine Sprachausgabe: eine Hilfstechnologie, die den Inhalt jeder Seite laut vorliest. Bildschirmsprachausgaben sind abhängig von Bildbeschriftungen (alternativer Text oder "Alternativtext"), die es ihnen ermöglichen, visuelle Inhalte wie Bilder und Diagramme zu beschreiben, damit der Benutzer den vollständigen Inhalt der Seite verstehen kann. Alternativtext ist wichtig, um das Web barrierefrei zu machen, wird aber oft übersehen. Bei mehr als der Hälfte der bilder, die von Sprachausgaben verarbeitet werden, fehlt Alternativtext.
Siehe auch:
- Scheint zu sagen: Microsoft Edge bietet jetzt automatisch generierte Bildbezeichnungen – Blogbeitrag
Microsoft Edge | Neuerungen in DevTools 98
23. Februar 2022
Deckt:
- Emulieren des Modus "Erzwungene Farben".
- Aktivitätssymbole im Ereignisprotokoll des Leistungstools enthalten QuickInfos.
- Flache Größen im Speichertool werden als Dezimalwerte dargestellt.
- Im Netzwerktool wird die Größe des Suchfelds nach Bedarf geändert.
- Im Anwendungstool wird die Benutzeroberfläche ordnungsgemäß ausgerichtet.
- Updates für die Chromium-Browser-Engine.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 97
1. Februar 2022
Deckt:
- Das Tool "Getrennte Elemente " ist standardmäßig verfügbar.
- Das Tool 3D-Ansicht unterstützt das Ändern von Farbdesigns in DevTools.
- Verbesserungen im Fokusmodus (DevTools UI).
- Die DevTools-Erweiterung für VS Code verfügt über zusätzliche Features.
Siehe auch:
- Neuerungen in DevTools 97
- Aktualisieren Sie die Geräteliste: https://aka.ms/RefreshDeviceList
- AutoVervollständigen mit Als HTML bearbeiten https://aka.ms/AutocompleteEditHTML
- Verbesserte Debugerfahrung: https://aka.ms/NewDebugging
Debuggen von Arbeitsspeicherverlusten mit dem Microsoft Edge-Tool "Getrennte Elemente"
Montag, 9. Dezember 2021
Verwenden Sie eine der folgenden Optionen, um DOM-Speicherverluste zu debuggen:
- Das Tool "Getrennte Elemente ". Getrennte Knoten verfügen über einen Link zum zugeordneten JavaScript-Code.
- Der Profilerstellungstyp "Getrennte Elemente " im Speichertool .
Mit dem Tool "Getrennte Elemente" können Sie DOM-Speicherverluste untersuchen und beheben.
Speicherverluste treten auf, wenn der JavaScript-Code einer Anwendung immer mehr Objekte im Arbeitsspeicher behält, anstatt sie für den Browser zur Garbage Collection freizugeben. Wir haben das Tool "Getrennte Elemente " mit den Microsoft Teams-Entwicklern erstellt, und es hat uns bereits geholfen, Speicherverluste auf vielen unserer eigenen Websites und Apps zu finden und zu beheben.
Siehe auch:
- Debuggen von DOM-Speicherverlusten mit dem Tool "Getrennte Elemente"
- Debuggen von Speicherverlusten mit dem Microsoft Edge-Tool "Getrennte Elemente " – Blogbeitrag.
Microsoft Edge | Neuerungen in DevTools 96
Montag, 9. Dezember 2021
Deckt:
- Neue DevTools-Benutzeroberfläche: Fokusmodus.
- Das Konsolentool kann sich sowohl im oberen als auch im unteren Bereich von DevTools befinden.
- Das Tool Quellen benachrichtigt Sie, wenn Sourcemaps nicht geladen werden können.
- Wenn Sie auf das Dreieckssymbol einer Dropdownliste klicken, wird das Menü geöffnet.
- Das Öffnen von Quelldateien in Visual Studio Code wird in das Quellentool integriert.
Siehe auch:
Microsoft Edge | Neuerungen in DevTools 95
Montag, 8. Dezember 2021
Deckt:
- Suchwebsymbol für alle Fehlermeldungen und Warnmeldungen.
- Verbesserter Zugriff zum Definieren User-Agent Clienthinweise.
- Konsolenfilter zeigen gruppierte Nachrichten an.
Siehe auch:
Microsoft Edge | Die EyeDropper-API
22. November 2021
Das Microsoft Edge-Team hat die neue EyeDropper-API in Zusammenarbeit mit dem Chromium Open-Source-Projekt angegeben und implementiert. Geben Sie Feedback unter Issues – WICG/eyedropper | github.com.
Viele kreative Anwendungen ermöglichen es Benutzern, Farben aus Teilen eines App-Fensters oder sogar aus dem gesamten Bildschirm zu wählen, in der Regel mithilfe einer Pipettenmetapher. Die EyeDropper-API ermöglicht Es Autoren, eine vom Browser bereitgestellte Pipette bei der Konstruktion von benutzerdefinierten Farbauswahlern im Web zu verwenden.
Siehe auch:
- Auswählen der Farben eines beliebigen Pixels auf dem Bildschirm mit der EyeDropper-API | web.dev
- EyeDropper-API – Web-APIs | MDN-developer.mozilla.org
Microsoft Edge | Neuerungen in DevTools 94
12. November 2021
Deckt:
- Suchen Sie im Web nach Konsolenfehlern.
- Haltepunktsymbole werden angezeigt, wenn Visual Studio Code-Designs verwendet werden.
- Die DevTools-Erweiterung für Visual Studio Code enthält die neuesten Tools, Designunterstützung und hilfreiche Links. JavaScript-Debuggerverbindung mit Remotearbeitsbereichen.
Update: Ab Microsoft Edge 131 wird das Visual Studio Code-Designfeature entfernt, und diese Designs rückgängig machen zu den Standarddesigns:
- Light+
- Dunkel+
Siehe auch:
- Neuerungen in DevTools 94
- Tastenkombinationen : Navigieren in DevTools mit einer Tastatur.
Microsoft Edge | Neuerungen in DevTools 93
11. Oktober 2021
Deckt:
- DevTools-Benutzeroberfläche.
- Debuggen Sie Speicherverluste von DOM-Knoten mit dem Tool "Getrennte Elemente" .
- Ändern Sie die Anzeigesprache.
- Kopieren Sie CSS-Deklarationen im Bereich Formatvorlagen des Elements-Tools für CSS-in-JS-Bibliotheken.
- Einfachere Anpassung von User-Agent Clienthinweisen.
- Sprachausgaben kündigen Fehler, Warnungen und Probleme an, die auf der Symbolleiste und der Konsole angezeigt werden.
- Kopieren Als PowerShell im Netzwerktool enthält Cookies.
- Der Visual Studio Code-Debugger ist in die DevTools-Erweiterung für VS Code integriert.
Siehe auch:
Microsoft Edge | Status der Plattform
25. Mai 2021
Microsoft Edge bietet eine überzeugende und konsistente Plattform und Tools für Entwickler. Da unsere Legacybrowser nicht mehr unterstützt werden, wird Edge bald der einzige unterstützte Browser von Microsoft auf Windows 10 sein. Erfahren Sie mehr über die neuesten Edge-Plattformen, Tools und Web-Apps.
Deckt:
- Delegierte Freihandpfade.
- Neue Webfunktionen für Entwickler.
- Führen Sie bei der Betriebssystemanmeldung aus.
- Microsoft Edge-Tools für VS Code.
Siehe auch:
- Die Zukunft der Internet-Explorer auf Windows 10 befindet sich im Microsoft Edge - IE-Modus.
- Einführung von Microsoft Edge mit FastTrack
- "Microsoft Edge: Status der Plattform": Sitzungsressourcen
Ignite | März 2021 | Igniting the Web-Apps Story
2. März 2021
Progressive Web-Apps (PWA) werden in Microsoft Edge unterstützt und stellen eine Möglichkeit dar, die Auffindbarkeit und Interaktion mit Ihrer Anwendung zu verbessern. Neue Funktionen der Webplattform. Wie diese modernen Webanwendungen nahtlos in Microsoft Windows integriert werden.
Deckt:
- Die Fähigkeit, zu modernisieren.
- Gemeinsame Bemühungen zur Stärkung der Webplattform.
- Microsoft Edge und die Chromium Browser-Engine.
- Microsoft Edge- und Webfunktionen (Project Fugu).
- PwAs unter Windows zum Glanz bringen.
- Erstklassige Reichweite.
- Installieren Sie eine Website als App.
- Beteiligen Sie sich an PWAs unter Windows.
Siehe auch:
Ignite | September 2020 | Die neuesten Entwicklertools
22. September 2020
Microsoft Edge-Entwicklertools erleichtern die Webentwicklung, -tests und -automatisierung. Erfahren Sie, wie wir die Barrierefreiheit in unseren Tools und Anwendungen priorisieren und wie wir andere dazu befähigen, dasselbe zu tun.
Deckt:
- DevTools-Erweiterung für VS Code.
- Browserübergreifende Tests und Automatisierung. Selenium, WebDriver, Puppeteer, Playwright und CI/CD über Docker-Container.
- Zusammenarbeit in der Chromium Browser-Engine. So wird's zur Mitwirkung.
- Lokalisierte Benutzeroberfläche in Entwicklertools.
- Barrierefreiheit in Entwicklertools.
Siehe auch:
Weitere Informationen
YouTube:
-
Microsoft Edge-Kanal (@MSFTEdge) auf YouTube
- Entwickler : Wiedergabeliste.
- Neuerungen in DevTools : Wiedergabeliste.
- Erweiterungen : Wiedergabeliste.
- Erstellen, Bereitstellen und Verwalten von WebView2-Anwendungen : 2. März 2021.