Dieser Post ist Teil einer Reihe von Blogposts, in denen die Änderungen beschrieben werden, die wir an der Architektur der Entwicklertools vornehmen.
Als die Entwicklertools vor vielen Jahren zum ersten Mal entwickelt wurden, entschied sich das Team dafür, ein maßgeschneidertes UI-Framework zu entwickeln. Das war damals eine vernünftige Wahl und hat den Entwicklertools gute Vorteile gebracht.
Seitdem sind aber verschiedene Funktionen auf der Plattform eingetroffen. Eine davon, die Webkomponenten, eignet sich hervorragend zum Erstellen neuer UI-Elemente in den Entwicklertools. Wenn wir uns auf das konzentrieren, was die Plattform bietet, können wir den Umfang an individuellem UI-Code, den wir pflegen, erheblich reduzieren und mehr in die Entwicklung von Funktionen für Entwicklertools statt in die Unterstützung einer maßgeschneiderten Infrastruktur investieren.
Um die Umstellung zu erleichtern, haben wir einen Leitfaden zum Erstellen von UI-Elementen in den Entwicklertools erstellt, den du mit dem gesamten Entwicklungsteam teilen kannst. Ein Teil des Handbuchs bezieht sich auf die Entwicklertools und deren Architektur und bringt ihre eigenen Einschränkungen mit sich. Einige davon sind jedoch allgemeine Richtlinien zu den Ansätzen, die wir zum Erstellen, Strukturen und Testen von Webkomponenten verwendet haben.
Heute machen wir dieses Dokument unter goo.gle/building-ui-devtools öffentlich zugänglich. Wenn Sie sich jemals gefragt haben, wie Webkomponenten in großen, realen Anwendungen verwendet werden oder welche Herausforderungen mit der Integration von Komponenten in eine große, bereits vorhandene Codebasis einhergehen, könnte dieses Dokument hilfreich sein und einige Antworten liefern. Wenn du Fragen zu unseren Richtlinien hast, kannst du mir einen Tweet senden.
Vorschaukanäle herunterladen
Sie können Chrome Canary, Dev oder Beta als Standardbrowser für die Entwicklung verwenden. Über diese Vorschaukanäle erhältst du Zugriff auf die neuesten Entwicklertools-Funktionen, kannst neue Webplattform-APIs testen und Probleme auf deiner Website erkennen, bevor deine Nutzer es tun.
Chrome-Entwicklertools-Team kontaktieren
Verwende die folgenden Optionen, um die neuen Funktionen und Änderungen im Beitrag oder andere Themen im Zusammenhang mit den Entwicklertools zu besprechen.
- Sende uns über crbug.com Vorschläge oder Feedback.
- Wenn du ein Problem mit den Entwicklertools melden möchtest, klicke in den Entwicklertools auf Weitere Optionen
> Hilfe > Probleme mit den Entwicklertools melden. - Senden Sie einen Tweet an @ChromeDevTools.
- Hinterlasse Kommentare zu den Neuheiten in den Entwicklertools YouTube-Videos oder YouTube-Videos in den Entwicklertools-Tipps.