Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
Dies sind die neuesten DevTools-Features in der stabilen Version von Microsoft Edge.
Video: Neuerungen in DevTools 111
Remotedebugging von Microsoft Edge-, PWAs- und WebView2-Steuerelementen auf HoloLens 2-Geräten
Die App "Remotetools für Microsoft Edge" ist jetzt auf HoloLens 2-Geräten verfügbar. Die App "Remotetools für Microsoft Edge" ist ein Plug-In für das Windows-Geräteportal für Desktop, das Remotedebugging für Registerkarten in Microsoft Edge, progressive Web-Apps (PWAs) und WebView2-Steuerelemente ermöglicht. Mithilfe des Remotedebuggings können Sie Webinhalte auf einem Remotegerät ausführen und direkt von Ihrem Entwicklungscomputer aus debuggen.
Wenn Remotedebuggen aktiviert ist, müssen Sie DevTools auf HoloLens 2-Geräten nicht mehr öffnen. Stattdessen können Sie über das Geräteportal eine Verbindung mit dem HoloLens 2-Remotegerät herstellen, die edge://inspect Seite öffnen und dann das Ziel (Registerkarte, PWA- oder WebView2-Steuerelement) auswählen, das Sie mit DevTools verwenden möchten.
Um uns Feedback zum Remotedebuggingablauf für Microsoft Edge zu geben, hinterlassen Sie einen Kommentar in Problem 136: Remotedebugging von HoloLens 2-Geräten ist jetzt mit der neuesten Version der Remotetools für Microsoft Edge-App verfügbar.
Siehe auch:
- Remotedebuggen von Windows-Geräten
- Windows-Geräteportal für Desktop
- Remotedebugging von HoloLens 2-, WebView2-, WinUI 2-Apps (UWP)
Die Symbolleiste für den Gerätemodus verfügt über Emulationssteuerelemente für Designs und Sehstörungen
In früheren Versionen von Microsoft Edge haben Sie zum Nachahmen verschiedener Designs oder von Sehstörungen das Renderingtool verwendet, um beispielsweise Achromatopsie zu emulieren, bei der der Benutzer keine Farbe wahrnehmen kann.
In Microsoft Edge 111 können Sie jetzt zusätzlich zum Renderingtool direkt über die Gerätemodus-Symbolleiste auf diese Steuerelemente zur Emulation von Design- und Sehstörungen zugreifen.
So können Sie beispielsweise den Modus mit hohem Kontrast emulieren und testen, wie Ihre Webinhalte reagieren:
- Klicken Sie auf der Symbolleiste Gerätemodus rechts neben der Dropdownliste "Drosselung " auf "Medienfeatures emulieren " (das Pipettensymbol,
). - Erzwungene Farben auswählen: aktiv:
Sie können Sehstörungen auch emulieren, indem Sie auf das Augensymbol neben dem Pipettensymbol klicken. So emulieren Sie beispielsweise verschwommenes Sehen:
- Klicken Sie auf Sehschwäche emulieren (das Augensymbol,
). - Wählen Sie "Verschwommene Sicht":
Siehe auch:
- Emulieren mobiler Geräte (Geräteemulation)
- Überprüfen Sie auf Kontrastprobleme mit dunklem Design und hellem Design
- Emulieren von Sehstörungen
Das Leistungstool minimiert Datei- und Funktionsnamen beim Erstellen von Profilen für den Produktionscode
Microsoft Edge 99 hat dem Leistungstool ein neues Feature namens Unminify hinzugefügt. Diese Unminify-Funktion hat Sourcemaps auf ein Profil angewendet , das mit dem Leistungstool aufgezeichnet wurde, und dann das nicht minimierte Profil auf Ihren Computer heruntergeladen. Das Unminify-Feature wird unter Verwenden der Quellzuordnungen zum Anzeigen der ursprünglichen Funktionsnamen in Leistungsprofilen in Neuigkeiten in DevTools (Microsoft Edge 99) beschrieben.
In Microsoft Edge 111 wurde dieses Feature entfernt, da das Leistungstool jetzt automatisch die ursprünglichen Datei- und Funktionsnamen bereitstellt, während das Profil des Produktionscodes erstellt wird, solange Quellzuordnungen geladen werden. Quellzuordnungen können zuverlässig und sicher geladen werden, indem sie auf dem Azure Artifacts-Symbolserver gehostet werden.
In der folgenden Abbildung werden beim Erstellen eines Profils für den Produktionscode minimierte Funktionsnamen im Flammendiagramm angezeigt:
In Microsoft Edge 111 hebt das Tool "Leistung " jetzt automatisch die Verkleinerung von Funktionsnamen im Flammendiagramm auf, wenn Produktionscode profiliert wird:
Siehe auch:
- Sicheres Debuggen von Originalcode durch Veröffentlichen von Quellzuordnungen zum Azure Artifacts-Symbolserver
- Sicheres Debuggen von Originalcode mithilfe von Quellzuordnungen des Azure Artifacts-Symbolservers
- Zeichnen Sie die Leistung in der Referenz zu Leistungsfeatures auf.
Der Bereich "Formatvorlagen" ist im Fokusmodus einfacher zu verwenden
In früheren Versionen von Microsoft Edge bot das Tool "Elemente" im Fokusmodus keine einfache Möglichkeit, auf alle Registerkarten im Bereich "Formatvorlagen" zuzugreifen. In Microsoft Edge 111 wurde dieses Problem behoben. Wenn der Bereich "Formatvorlagen" einen schmalen Viewport aufweist und nicht alle anderen verfügbaren Registerkarten angezeigt werden können, klicken Sie auf das Erweiterungssymbol "Weitere Registerkarten
Um nur einige der Registerkarten im Bereich "Formatvorlagen " anzuzeigen, klicken Sie auf das Symbol zum Reduzieren weiterer Registerkarten (
):
Siehe auch:
Kopieren Sie die Tabelle "Selektorstatistiken" aus dem Leistungstool nach Excel
Mit Microsoft Edge 109 wurde das Feature "Auswahlstatistiken"im Leistungstool eingeführt. Wenn die Einstellung Erweiterte Rendering-Instrumentierung aktivieren (langsam) im Tool "Leistung " aktiviert ist, wird bei der Auswahl eines beliebigen Ereignisses "Stile neu berechnen " im Flammendiagramm im unteren Bereich eine Registerkarte " Selektorstatistik" hinzugefügt. Weitere Informationen finden Sie unter Debuggen von langwierigen Style-Ereignissen mit neuen Selektorstatistiken in Neuigkeiten in DevTools (Microsoft Edge 109).
In Microsoft Edge 111 können Sie jetzt die Selector Stats-Tabelle für jedes Ereignis "Formatvorlagen neu berechnen " in eine Microsoft Excel-Arbeitsmappe exportieren. Anschließend können Sie Excel verwenden, um eine Leistungsanalyse der Aggregatselektoren durchzuführen und die teuersten Selektoren über die Lebensdauer des Profils zu identifizieren.
So exportieren Sie die Tabelle "Selektorstatistiken" :
- Klicken Sie mit der Maus auf die obere linke Zelle, und ziehen Sie sie dann zur Auswahl in die untere rechte Zelle.
- Klicken Sie mit der rechten Maustaste auf die Tabelle, und wählen Sie Kopieren aus. Oder drücken Sie STRG+C (Windows, Linux) oder BEFEHL+C (macOS).
- Fügen Sie die Tabelle in Excel ein.
Siehe auch:
Im Fokusmodus gibt die Hilfstechnologie an, wenn Sie ein Tool in die Schnellansicht verschieben
In früheren Versionen von Microsoft Edge haben Hilfstechnologien wie Sprachausgaben keine Bestätigung angekündigt, wenn ein Tool aus der Aktivitätsleiste in die Symbolleiste "Schnellansicht" verschoben wurde. In Microsoft Edge 111 wurde dieses Problem behoben. Sprachausgaben melden jetzt "Netzwerk erfolgreich zur Schnellansicht hinzugefügt", wenn Sie das Netzwerktool aus der Aktivitätsleiste in die Symbolleiste "Schnellansicht " verschieben:
Siehe auch:
Ankündigungen aus dem Chromium-Projekt
Microsoft Edge 111 enthält auch die folgenden Updates aus dem Chromium-Projekt:
- Debuggen von HD-Farben mit dem Bereich "Formatvorlagen"
- Erweiterte Haltepunkt-UX
- Bessere Syntaxhervorhebung für Angular
- Caches im Anwendungsbereich neu organisieren