Neuerungen in devtools (Microsoft Edge 80)

Ankündigungen des Microsoft Edge devtools-Teams

In den folgenden Abschnitten finden Sie eine Liste der Ankündigungen, die Sie möglicherweise im Microsoft Edge devtools-Team verpasst haben. Schauen Sie sich diese an, um neue Features in den devtools, vs-Code Erweiterungen und mehr zu testen. Wenn Sie über die neuesten und besten Funktionen Ihrer Entwicklertools auf dem Laufenden bleiben möchten, laden Sie die Microsoft Edge Preview-Kanäle herunter und folgen Sie uns auf Twitter.

Verbesserungen der Barrierefreiheit für devtools

Das devtools-Team hat 170-Änderungen zu chromium beigetragen, um Probleme mit der Farbkontrast-, Tastatur-und Bildschirmsprachausgabe in devtools zu beheben. Jeder Entwickler, der das Web erstellt, sollte in der Lage sein, das devtools zu verwenden.

Abbildung1

Das Tool "Leistung" im devtools mit den Verbesserungen der Tastaturnavigation und der Bildschirmsprachausgabe
![Das Tool "Leistung" im devtools mit den Verbesserungen der Tastaturnavigation und der Bildschirmsprachausgabe][ImagePerformanceToolKeyboardReaderImprovements]

Möchten Sie erfahren, wie Sie Ihre Webseite für alle Benutzer barrierefrei gestalten können? Laden Sie die Barrierefreiheits Einblicke und webhint -Erweiterungen für Microsoft Edge herunter, um zu beginnen.

Wenn Sie Bildschirmsprachausgaben oder die Tastatur verwenden, um in der devtools zu navigieren, senden Sie uns Ihr Feedback, indem Sie uns tweeten oder auf das Feedback -Symbol klicken.

Chrom Problem [#963183][crbug963183]

Verwenden des devtools in anderen Sprachen

Viele Entwickler verwenden andere Entwicklertools wie StackOverflow und vs-Code in ihrer Muttersprache, nicht nur in Englisch. Wir freuen uns, die Lokalisierung für das devtools bekannt zu geben, das Sie nun in einer von 10 Sprachen außer Englisch verwenden können:

Chinesisch (vereinfacht ) – 中文(简体)

Chinesisch (traditionell ) – 中文(繁體)

Französisch – FrançAIS

Deutsch-Deutsch

Italienisch-Italiano

Japanisch – 日本語

Koreanisch – 한국어

Portugiesisch-Português

Russisch – русский

Spanisch-ESPAñOL

Navigieren Sie zu edge://flags und setzen Sie das Kennzeichen lokalisierte Entwickler Tools aktivieren auf aktiviert. Setzen Sie auch das Kennzeichen Entwickler Tools Experimente auf aktiviert. Starten Sie Microsoft Edge neu, und öffnen Sie das devtools. Die devtools entsprechen der Sprache, in der Sie Microsoft Edge verwenden edge://settings/languages .

Abbildung2

Das devtools in Deutsch
![Das devtools in Deutsch][ImageLocalizedGerman]

Wenn Sie das devtools in einer anderen Sprache als den verfügbaren verwenden möchten, senden Sie uns eine Tweet oder klicken Sie auf das Feedback -Symbol.

Chrom Problem [#941561][crbug941561]

webhint Microsoft Edge-Erweiterung

Mit der webhint Microsoft Edge-Erweiterung können Sie Ihre Webseite auf einfache Weise überprüfen und Feedback zu Barrierefreiheit, Browserkompatibilität, Sicherheit, Leistung und vielem mehr in der devtools erhalten. Weitere Informationen finden Sie unter https://webhint.io .

Abbildung 3

Die Registerkarte "Hinweise" im devtools, wenn die webhint-Browser Erweiterung installiert ist
![Die Registerkarte "Hinweise" im devtools, wenn die webhint-Browser Erweiterung installiert ist][ImageHintsTabWebhintExtension]

Testen Sie die webhint-Browser Erweiterung in Microsoft Edge. Nachdem Sie die Erweiterung installiert haben, öffnen Sie das devtools, und wählen Sie die Registerkarte Hinweise aus. Führen Sie von hier aus eine anpassbare Website Überprüfung aus. Besuchen Sie webhint.IO , um weitere Informationen zu erhalten.

3D View

Verwenden Sie die 3D-Ansicht , um Ihre Webanwendung zu debuggen, indem Sie durch das Dokumentobjektmodell \ (DOM ) oder den Stapel Kontext des z-Index navigieren.

Abbildung4

Die 3D-Ansicht im devtools
![Die 3D-Ansicht im devtools][Image3DView]

Wenn Sie auf die 3D-Ansicht zugreifen möchten, navigieren Sie zu edge://flags und stellen Sie sicher, dass das Kennzeichen Entwickler Tools Experimente auf aktiviertfestgesetzt ist. Starten Sie Microsoft Edge neu, und öffnen Sie das devtools. Drücken Sie F1 im devtools oder wechseln Sie zu Einstellungen, navigieren Sie zu Experimenten , und aktivieren Sie das Kontrollkästchen 3D-Ansicht aktivieren . Drücken Sie jetzt Ctrl + Shift + P , geben Sie in 3D-Ansicht ein, und wählen Sie 3D-Ansichtanzeigen aus.

Wir arbeiten an der Benutzeroberfläche und fügen der 3D-Ansicht Weitere Funktionen hinzu, damit Sie uns Ihr Feedbacksenden können.

Chrom Problem [#987787][crbug987787]

Visual Studio-Code Erweiterungen

Das devtools-Team hat auch einige Erweiterungen für Visual Studio-Code \ (vs-Code ) veröffentlicht, mit denen Sie die Leistung des devtools direkt aus Ihrem Text-Editor verwenden können! Schauen Sie sich die folgenden Erweiterungen an:

Elemente für Microsoft Edge

Verwenden Sie das Elements-Tool aus dem vs-Code, indem Sie die Elemente für Microsoft Edge \ (Chrom ) vs-Code Erweiterung hinzufügen.

Abbildung5

Das Tool ' Elemente ' im vs-Code mit den Elementen für Microsoft Edge Extension
![Das Tool ' Elemente ' im vs-Code mit den Elementen für Microsoft Edge Extension][ImageElementsVisualStudioCode]

Weitere Informationen finden Sie unter [Elemente für Microsoft Edge vs Code Extension][VisualStudioCodeElementEdgeExtension].

Debugger für Microsoft Edge

Debuggen Sie mit dem Debugger für Microsoft Edge vs Code Extension JavaScript, das in Microsoft Edge ausgeführt wird, direkt von vs-Code!

Abbildung6

Der Debugger für Microsoft Edge Extension in vs-Code
![Der Debugger für Microsoft Edge Extension in vs-Code][ImageDebuggerExtensionVisualStudioCode]

Weitere Informationen finden Sie unter [Debuggen von Microsoft Edge aus vs-Code][VisualStudioCodeDebuggerEdgeExtension].

webhint

Die webhint vs-Code Erweiterung verwendet webhint , um Ihre Webseite zu verbessern, während Sie Sie schreiben! Mit dieser Erweiterung wird die Diagnose für Ihre Arbeitsbereichsdateien basierend auf der Analyse ausgeführt und gemeldet webhint .

Abbildung7

Die webhint vs-Code Erweiterung, die eine TSX-Datei im vs-Code analysiert
![Die webhint vs-Code Erweiterung, die eine TSX-Datei im vs-Code analysiert][ImageWebhintVisualStudioCodeExtensionWorkspace]

Weitere Informationen zur Erweiterung des vs-Code webhints.

Integration von Visual Studio

Verwenden Sie in Visual Studio 2019, Version 16,2 oder höher, den Visual Studio-Debugger zum Debuggen von JavaScript, das in Microsoft Edge ausgeführt wird. Laden Sie Visual Studio 2019 herunter , um dieses Feature auszuprobieren!

Abbildung8

Visual Studio mit der Option zum Starten Ihrer Web-App in Microsoft Edge Canary, dev oder Beta
![Visual Studio mit der Option zum Starten Ihrer Web-App in Microsoft Edge Canary, dev oder Beta][ImageVisualStudioLaunchWebApp]

Lesen Sie unseren Blogbeitrag, um zu erfahren, wie Sie Microsoft Edge in Visual Studio debuggenkönnen.

Nachrichten zur Präventions Konsole

Die nach Verfolgungs Verhinderung ist ein einzigartiges Feature in Microsoft Edge, das Sie davor schützt, von Websites, die Sie noch nicht besucht haben, nachverfolgt Die Standardeinstellung für die nach Verfolgungs Verhinderung ist der Modus "ausgeglichen", der Drittanbieter-Tracker und bekannte bösartige Tracker für eine Erfahrung blockiert, die Datenschutz und Web-Kompatibilität abgleicht. Damit Sie mehr über die Kompatibilität Ihrer Webseite erfahren, wenn bestimmte Tracker blockiert sind, haben wir auch Warnmeldungen in der Konsole hinzugefügt, wenn ein Tracker blockiert ist.

Abbildung 9

Nachrichten in der Konsole, wenn die nach Verfolgungs Prävention den Zugriff auf den Speicher für einen Tracker blockiert
![Nachrichten in der Konsole, wenn die nach Verfolgungs Prävention den Zugriff auf den Speicher für einen Tracker blockiert][ImageTrackingPrevention]

Weitere Informationen finden Sie unter Verhinderung von Nachverfolgung und dem Gleichgewichtzwischen Datenschutz und Web-Kompatibilität.

Ankündigungen aus dem Chromium-Projekt

In den folgenden Abschnitten werden weitere in Microsoft Edge 80 verfügbare Features angekündigt, die zum Open-Source-Projekt Chromium beigetragen haben.

Unterstützung für Let-und Class-Deklarationen in der Konsole

Die Konsole unterstützt jetzt erneute Deklarationen von let und- class Anweisungen. Die Unfähigkeit, erneut zu deklarieren, war ein häufiges Ärgernis für Webentwickler, die die Konsole zum Experimentieren mit neuem JavaScript-Code verwenden.

Warnung

Das erneute Deklarieren einer let oder class -Anweisung in einem Skript außerhalb der Konsole oder in einer einzelnen Konsoleneingabe führt weiterhin zu einer SyntaxError .

Bei der erneuten Deklaration einer lokalen Variablen mit let hat die Konsole beispielsweise einen Fehler ausgelöst:

Abbildung 10

Die Konsole in Microsoft Edge 79 zeigt, dass die Let-erneute Deklaration fehlschlägt
![Die Konsole in Microsoft Edge 79 zeigt, dass die Let-erneute Deklaration fehlschlägt][ImageConsoleRedeclarationFails]

Die Konsole ermöglicht nun die erneute Deklaration:

Abbildung 11

Die Konsole in Microsoft Edge 80 zeigt, dass die Let-erneute Deklaration erfolgreich ist
![Die Konsole in Microsoft Edge 80 zeigt, dass die Let-erneute Deklaration erfolgreich ist][ImageConsoleRedeclarationSucceeds]

Chrom Problem [#1004193][crbug1004193]

Verbessertes Webassembly-Debugging

DevTools hat mit der Unterstützung des Dwarf-Debugging-Standardsbegonnen, was mehr Unterstützung für die schrittweise Codierung, das Festlegen von Haltepunkten und das Auflösen von Stapelablaufverfolgungen in ihren Quellsprachen in devtools bedeutet.

Netzwerk Panel-Updates

Anfordern von Initiator-Chains auf der Registerkarte "Initiator"

Sie können nun die Initiatoren und Abhängigkeiten einer Netzwerkanforderung als geschachtelte Liste anzeigen. Dies kann Ihnen helfen zu verstehen, warum eine Ressource angefordert wurde, oder welche Netzwerkaktivität eine bestimmte Ressource (wie ein Skript ) verursacht hat.

Abbildung 12

Eine Anforderungs Initiator-Kette auf der Registerkarte "Initiator"
![Eine Anforderungs Initiator-Kette auf der Registerkarte "Initiator"][ImageRequestInitiatorChain]

Klicken Sie nach dem [Protokollieren der Netzwerkaktivität in der Netzwerksteuerung][DevToolsNetworkIndex]auf eine Ressource, und wechseln Sie dann zur Registerkarte Initiator , um die Anforderungs initiatorketteanzuzeigen:

  • Die geprüfte Ressource ist fett formatiert. Im obigen Screenshot ai.2.min.js befindet sich die geprüfte Ressource.
  • Die Ressourcen oberhalb der geprüften Ressource sind die Initiatoren. Im obigen Screenshot https://www.microsoftedgeinsider.com ist der Initiator von ai.2.min.js . Mit anderen Worten: https://www.microsoftedgeinsider.com Ursache für die Netzwerkanforderung ai.2.min.js .
  • Die Ressourcen unterhalb der geprüften Ressource sind die Abhängigkeiten. Im obigen Screenshot https://dc.services.visualstudio.com/v2/track ist eine Abhängigkeit von ai.2.min.js . Mit anderen Worten: ai.2.min.js Ursache für die Netzwerkanforderung https://dc.services.visualstudio.com/v2/track .

Hinweis

Auf Initiator-und Abhängigkeitsinformationen kann auch zugegriffen werden, indem Sie Shift auf Netzwerkressourcen halten und dann darauf zeigen. Weitere Informationen finden Sie unter [Anzeigen von Initiatoren und Abhängigkeiten][DevToolsNetworkReferenceViewInitiatorsDependencies].

Chrom Problem [#842488][crbug842488]

Markieren der ausgewählten Netzwerkanforderung in der Übersicht

Nachdem Sie auf eine Netzwerkressource klicken, um Sie zu überprüfen, fügt das Netzwerk Panel nun einen blauen Rahmen um die Ressource in der Übersichtein. Dies kann Ihnen helfen zu erkennen, ob die Netzwerkanforderung früher oder später als erwartet ausgeführt wird.

Abbildung 13

Der Übersichtsbereich, der die überprüfte Ressource markiert
![Der Übersichtsbereich, der die überprüfte Ressource markiert][ImageOverviewPaneInspectedResource]

Chrom Problem [#988253][crbug988253]

URL-und Pfad Spalten im Netzwerk Panel

Verwenden Sie die Spalten neuer Pfad und URL im Netzwerk Panel, um den absoluten Pfad oder die vollständige URL der einzelnen Netzwerkressourcen anzuzeigen.

Abbildung 14

Die Spalten ' neuer Pfad ' und ' URL ' im Netzwerk Panel
![Die Spalten ' neuer Pfad ' und ' URL ' im Netzwerk Panel][ImagePathNetworkPanel]

Klicken Sie mit der rechten Maustaste auf die Tabelle Überschrift Wasserfall , und wählen Sie Pfad oder URL aus, um die neuen Spalten anzuzeigen.

Chrom Problem [#993366][crbug993366]

Aktualisierte Benutzer-Agent-Zeichenfolgen

DevTools unterstützt das Festlegen einer benutzerdefinierten Benutzer-Agent-Zeichenfolge über die Registerkarte Netzwerkbedingungen . Die Benutzer-Agent-Zeichenfolge wirkt User-Agent sich auf den an Netzwerkressourcen angefügten HTTP-Header und auch auf den Wert von aus navigator.userAgent .

Die vordefinierten Benutzer-Agent-Zeichenfolgen wurden so aktualisiert, dass Sie den modernen Browserversionen entsprechen.

Abbildung 15

Das Menü "Benutzer-Agent" auf der Registerkarte "Netzwerkbedingungen"
![Das Menü "Benutzer-Agent" auf der Registerkarte "Netzwerkbedingungen"][ImageUserAgentNetworkConditionsTab]

Um auf Netzwerkbedingungenzuzugreifen, Öffnen Sie das Befehlsmenü , und führen Sie den Show Network Conditions Befehl aus.

Hinweis

Sie können auch [Benutzer-Agent-Zeichenfolgen im Gerätemodus einrichten][DevToolsDeviceModeIndex].

Chrom Problem [#1029031][crbug1029031]

Audits-Panel-Updates

Neue Konfigurations-UI

Die Benutzeroberfläche der Konfiguration verfügt über ein neues, reaktionsfähiges Design, und die Optionen für die Einschränkungs Konfiguration wurden vereinfacht. Weitere Informationen zu den Änderungen beim Einschränken der Benutzeroberfläche finden Sie unter Drosselung des Überwachungs Panels .

Abbildung 16

Die neue Benutzeroberfläche für die Konfiguration
![Die neue Benutzeroberfläche für die Konfiguration][ImageConfigurationUI]

Updates für Coverage-Registerkarten

Pro-Funktion-oder pro-Block-Abdeckungs Modi

Die [Registerkarte Coverage][DevToolsCoverageIndex] enthält ein neues Dropdownmenü, in dem Sie angeben können, ob Codeabdeckungsdaten pro Funktion oder pro Blockerfasst werden sollen. Pro-Block -Abdeckung ist detaillierter, aber auch weitaus teurer zu sammeln. DevTools verwendet jetzt standardmäßig pro Funktion Coverage.

Achtung

Je nachdem, ob Sie pro Funktion oder pro Block Modus verwenden, werden möglicherweise große Unterschiede bei der Codeabdeckung in HTML-Dateien angezeigt. Bei Verwendung des pro-Funktions Modus werden Inlineskripts in HTML-Dateien als Funktionen behandelt. Wenn das Skript überhaupt ausgeführt wird, markiert devtools das gesamte Skript als verwendeten Code. Nur wenn das Skript überhaupt nicht ausgeführt wird, kennzeichnet devtools das Skript als unbenutzten Code.

Abbildung 17

Dropdownmenü "Coverage-Modus"
![Dropdownmenü "Coverage-Modus"][ImageCoverageMode]

Coverage muss nun durch ein Seiten-Reload initiiert werden

Das Umschalten der Codeabdeckung ohne das erneute Laden einer Seite wurde entfernt, da die Abdeckungsdaten unzuverlässig waren. Beispielsweise kann eine Funktion als unbenutzt gemeldet werden, wenn die Laufzeit vor langer Zeit war und der V8-Garbage Collector Sie bereinigt hat.

Chrom Problem [#1004203][crbug1004203]

Feedback senden

So besprechen Sie die neuen Features und Änderungen in diesem Beitrag oder alles, was mit devtools zu tun hat:

  • Senden Sie Ihr Feedback über das Feedback -Symbol im devtools
Abbildung 18

Das Feedback Symbol in der Microsoft Edge-devtools
![Das * * Feedback * *-Symbol in der Microsoft Edge-devtools][ImageFeedbackIcon]

Herunterladen der Microsoft Edge Preview-Kanäle

Wenn Sie unter Windows oder macOS arbeiten, sollten Sie die Microsoft Edge Preview-Kanäle als Standard Entwicklungsbrowser verwenden. Über die Vorschau Kanäle erhalten Sie Zugriff auf die neuesten devtools-Funktionen.

[ImagePerformanceToolKeyboardReaderImprovements]: ../../images/2019/12/a11y-performance-tool.msft.gif "Abbildung 1: das Tool "Leistung" im devtools mit den Verbesserungen der Tastaturnavigation und der Bildschirmsprachausgabe"
[ImageLocalizedGerman]: ../../images/2019/12/localized-devtools.msft.png "Abbildung 2: die devtools in Deutsch"
[ImageHintsTabWebhintExtension]: ../../images/2019/12/webhint-browser-extension.msft.png "Abbildung 3: die Registerkarte "Hinweise" im Microsoft Edge-devtools, wenn die webhint-Browser Erweiterung installiert ist"
[Image3DView]: ../../images/2019/12/3dview.msft.png "Abbildung 4: die 3D-Ansicht in der Microsoft Edge-devtools"
[ImageElementsVisualStudioCode]: ../../images/2019/12/elements-for-edge.msft.png "Abbildung 5: das Tool "Elemente" im vs-Code mit den Elementen für Microsoft Edge Extension"
[ImageDebuggerExtensionVisualStudioCode]: ../../images/2019/12/vscode-debugger.msft.png "Abbildung 6: Debugger für Microsoft-Edge-Erweiterung in vs-Code"
[ImageWebhintVisualStudioCodeExtensionWorkspace]: ../../images/2019/12/webhint-vscode-extension.msft.png "Abbildung 7: die webhint vs-Code Erweiterung, die eine TSX-Datei im vs-Code analysiert"
[ImageVisualStudioLaunchWebApp]: ../../images/2019/12/vs.msft.png "Abbildung 8: Visual Studio mit der Option zum Starten Ihrer Web-App in Microsoft Edge Canary, dev oder Beta"
[ImageTrackingPrevention]: ../../images/2019/12/tracking-prevention.msft.png "Abbildung 9: Nachrichten in der Konsole, wenn die nach Verfolgungs Prävention den Zugriff auf den Speicher für einen Tracker blockiert"
[ImageConsoleRedeclarationFails]: ../../images/2019/12/letbefore.msft.png "Abbildung 10: die Konsole in Microsoft Edge 79, die zeigt, dass die Let-erneute Deklaration fehlschlägt"
[ImageConsoleRedeclarationSucceeds]: ../../images/2019/12/letafter.msft.png "Abbildung 11: die Konsole in Microsoft Edge 80, die zeigt, dass die Let-erneute Deklaration erfolgreich ist"
[ImageRequestInitiatorChain]: ../../images/2019/12/initiators.msft.png "Abbildung 12: eine Anforderungs Initiator-Kette auf der Registerkarte "Initiator""
[ImageOverviewPaneInspectedResource]: ../../images/2019/12/overview.msft.png "Abbildung 13: der Übersichtsbereich, der die überprüfte Ressource markiert"
[ImagePathNetworkPanel]: ../../images/2019/12/columns.msft.png "Abbildung 14: die Spalten "neuer Pfad" und "URL" im Netzwerk Panel"
[ImageUserAgentNetworkConditionsTab]: ../../images/2019/12/useragent.msft.png "Abbildung 15: das Menü "Benutzer-Agent" auf der Registerkarte "Netzwerkbedingungen""
[ImageConfigurationUI]: ../../images/2019/12/start.msft.png "Abbildung 16: die neue Benutzeroberfläche für die Konfiguration"
[ImageCoverageMode]: ../../images/2019/12/modes.msft.png "Abbildung 17: das Dropdownmenü "Coverage Mode""
[ImageFeedbackIcon]: ../../images/2019/12/feedback-icon.msft.png "Abbildung 18: das * * Feedback * *-Symbol in der Microsoft Edge-devtools"

[DevToolsCoverageIndex]: ../../../coverage/index.md "Suchen von nicht verwendetem Javascript und CSS-Code mit der Registerkarte "Coverage" in Microsoft Edge devtools"
[DevToolsDeviceModeIndex]: ../../../device-mode/index.md#simulate-a-mobile-viewport "Simulieren eines mobilen Viewports – simulieren von mobilen Geräten mit dem Gerätemodus in Microsoft Edge devtools"
[DevToolsNetworkIndex]: ../../../network/index.md "Überprüfen der Netzwerkaktivität in Microsoft Edge devtools"
[DevToolsNetworkReferenceViewInitiatorsDependencies]: ../../../network/reference.md#view-initiators-and-dependencies "Anzeigen von Initiatoren und Abhängigkeiten – Netzwerkanalyse Referenz"
[DevGuideEdgeHtmlWhatsNew]: ../../../../dev-guide/whats-new.md "Neuerungen in EdgeHTML"
[VisualStudioCodeDebuggerEdgeExtension]: ../../../../visual-studio-code/debugger-for-edge.md "Debugger für Microsoft Edge-vs-Code Erweiterung"
[VisualStudioCodeElementEdgeExtension]: ../../../../visual-studio-code/elements-for-edge.md "Elemente für Microsoft Edge vs Code Extension"

[crbug842488]: https://crbug.com/842488 "842488-Hinzufügen des Felds "Initiator" zur Registerkarte "Kopfzeilen"-Monorail"
[crbug988253]: https://crbug.com/988253 "988253-Fehler-devtools-keine Zuordnung zwischen Netzwerkanforderung und Zeitachsendiagramm-Monorail"
[crbug993366]: https://crbug.com/993366 "993366-Bitte zeigen Sie den Pfad Teil der URL in der Liste der Netzwerk-Panel-Anfragen-Monorail"
[crbug1004193]: https://crbug.com/1004193 "1004193-repl-Modus für V8-Monorail"
[crbug1004203]: https://crbug.com/1004203 "1004203-Monorail"
[crbug1029031]: https://crbug.com/1029031 "1029031-UA-Zeichenfolgen werden veraltet-Monorail" [crbug963183]: https://crbug.com/963183 "963183-devtools sind keine WCAG-kompatibel" [crbug941561]: https://crbug.com/941561 "941561-Lokalisierbarkeit des devtools" [crbug987787]: https://crbug.com/987787 "987787-Dom 3D-Ansicht"

Hinweis

Teile dieser Seite sind Änderungen, die auf der von Google erstellten und freigegebenen Arbeit basieren und gemäß den in der Creative Commons Attribution 4,0 International-Lizenzbeschriebenen Begriffen verwendet werden.
Die ursprüngliche Seite befindet sich hier und wird von Kayce Basken (Technical Writer, Chrome devtools & Lighthouse) erstellt.

Creative Commons-Lizenz
Diese Arbeit unterliegt einer Creative Commons Attribution 4.0 International License.