Wir stellen Angular DevTools vor

Wir freuen uns, Angular DevTools ankündigen zu können – eine Chrome DevTools-Erweiterung, mit der Sie die Struktur Ihrer Anwendungen untersuchen und ihre Leistung profilieren können.

Sie können mehr über Angular DevTools im folgenden Video erfahren und aus dem Chrome Web Store installieren .

Besseres Angular-Debugging-Erlebnis

Wir haben eine Umfrage innerhalb von Google durchgeführt, die die Beobachtungen bestätigte, die wir von externen Entwicklern erhalten haben – die Mehrheit der Leute braucht bessere Tools, um ihre Apps zu debuggen.

Umfrageergebnisse

Basierend auf den Ergebnissen externer und interner Studien haben wir die folgenden Bereiche identifiziert, die der größten Aufmerksamkeit bedürfen:

  • Verbesserungen bei Fehlermeldungen
  • Ausführung der Änderungserkennung verstehen
  • Verstehen der Injektorhierarchie und der Provider-Instanziierung
  • Visualisierung der Bauteilstruktur

Funktionen von Angular DevTools

Um die verbleibenden Bedenken auszuräumen und eine Angular-spezifische Ansicht basierend auf den Chrome DevTools-Funktionen bereitzustellen, haben wir Angular DevTools in Zusammenarbeit mit Rangle.io entwickelt . Das Team von Rangle hat das allererste Debugging-Tool für Angular entwickelt – Augury , das der Community jahrelang diente. In Zusammenarbeit haben wir Angular DevTools von Grund auf neu entwickelt und dabei die Erkenntnisse aus Augury wiederverwendet.

In seiner aktuellen Version konzentriert sich Angular DevTools auf:

  • Visualisierung der Bauteilstruktur
  • Verstehen der Ausführung der Änderungserkennung
Angular DevTools Profiler

Es gibt Ihnen auch einen Überblick über die Änderungserkennungszyklen und hilft Ihnen dabei, Leistungsengpässe zu finden, damit Sie Ihren Benutzern ein 60-fps-Erlebnis bieten können.

Angular DevTools-Explorer

Angular DevTools unterstützt Anwendungen, die mit Angular v9 und höher mit aktiviertem Ivy erstellt wurden.

Komplette Entwicklungs-Toolchain

Bei Angular haben wir hart daran gearbeitet, eine vollständige Toolchain für den modernen Webentwickler bereitzustellen. Zusammen mit der Angular-CLI, dem Sprachdienst, den PWA-Tools und Komponenten bietet Angular DevTools ein wichtiges fehlendes Element, das Ihnen hilft, die Struktur und Laufzeitleistung Ihrer Anwendung besser zu verstehen.

In den zukünftigen Versionen von Angular DevTools werden wir daran arbeiten, die Funktionslücke mit Augury zu schließen, wobei die wirkungsvollsten Funktionen basierend auf Ihren Anforderungen berücksichtigt werden. Wir freuen uns, diese Arbeit mit Ihnen zu teilen! Wir hoffen, dass es ein höheres Maß an Vertrauen und Transparenz in Ihren Entwicklungsprozess bringt.

Besonderer Dank gilt Aleksander Bodurri und Sumit Arora , die mit dem Angular-Team an DevTools gearbeitet haben.

Suggested posts

Informationen zu Domänennamen finden

Ein Auszug aus Small, Sharp Software Tools von Brian P. Hogan

Informationen zu Domänennamen finden

Wenn Sie eine Anfrage an facebook.com stellen, sucht Ihr Computer nach dem Domänennamen, um diesen in eine IP-Adresse zu übersetzen, damit Ihr Computer diese Verbindung herstellen kann.

Die No-Code-Revolution: Mit Webflow, Framer, Bubble.io den Geschäftserfolg entfesseln

Die No-Code-Revolution: Mit Webflow, Framer, Bubble.io den Geschäftserfolg entfesseln

Begeben Sie sich auf eine spannende Reise voller Innovation und Erfolg und erschließen Sie das ungenutzte Potenzial dieser überraschenden No-Code-Plattformen. Lassen Sie mich eine Geschichte über Sapna erzählen, eine bemerkenswerte Unternehmerin.

Related posts

Die Cowboy-Lüge

Wie Megakonzerne den Amerikanern eine fette Lüge verkauften

Die Cowboy-Lüge

Es ist ein strahlend goldener Morgen in den sanften Hügeln des Westens, während die ersten Sonnenstrahlen das gefrorene Gras auf den Ebenen erhellen. Eine Herde friedlicher Angus-Rinder, pechschwarz und massig, zeichnet sich vor dem Sonnenaufgang ab, während sie einen ausgetretenen Pfad entlang zu einem Ort geht, den sie alle gut kennen; die Frühstücksbar.

Sammeln von OSINT für die Bedrohungssuche

Sammeln von OSINT für die Bedrohungssuche

Hallo, Cyber-Enthusiasten! Willkommen zurück bei der OSINT-Serie zur Bedrohungsjagd. Im ersten Artikel habe ich Ihnen einen Überblick über OSINT und seine Bedeutung bei der Bedrohungsjagd gegeben.

Netzwerk-TV Twitter

Netzwerk-TV Twitter

Was alt ist, ist jetzt wieder neu und was früher das glitzernde, glänzende Ding war, fühlt sich jetzt langweilig an. Ich spreche nicht davon, dass JNCO-Jeans zusammen mit anderen Modetrends der späten 1990er Jahre unter den coolen Kids in der Innenstadt ein Comeback erleben.

Der Mord an Jordan Neely und das Problem des „patriotischen“ Rassismus

Können die USA den entscheidenden Schritt tun, rassistisches Verhalten nicht mit der Identität eines guten Amerikaners gleichzusetzen?

Der Mord an Jordan Neely und das Problem des „patriotischen“ Rassismus

[Alarm auslösen: Dieser Aufsatz enthält Screenshots von Menschen, die den Mörder von Jordan Neely loben.] Polizeibeamte haben endlich – und vielleicht widerstrebend – Daniel Penny, den Mann, der Jordan Neely bis zu seinem Tod gewürgt hat, wegen dieses Mordes angeklagt.