Hallo, hier ist Kayce. In diesem Artikel geht es um die Neuigkeiten in den DevTools seit dem letzten Monat.
Neue Funktionen in der Console
In Chrome 56, der derzeit in Canary verfügbar ist, wird die DevTools-Konsole von CodeMirror unterstützt. Dadurch ergeben sich viele neue Funktionen, z. B.:
Syntaxhervorhebung während der Eingabe Bisher konnte die Syntax in den DevTools nur hervorgehoben werden, nachdem ein Codeblock ausgewertet wurde.
Hervorhebung von übereinstimmenden Klammern Wenn Sie eine zusätzliche Klammer oder einen zusätzlichen Bindestrich haben, werden diese in DevTools rot hervorgehoben.
Übereinstimmende Klammern werden grau hervorgehoben, wenn sich der Cursor neben einer davon befindet.
Smart Return Wenn Sie einen mehrzeiligen Codeblock eingeben, weiß die Entwicklertools jetzt, ob eine neue Zeile erstellt oder der Code jedes Mal ausgeführt werden soll, wenn Sie die Eingabetaste drücken. Angenommen, Sie möchten die folgende for-Schleife in der Console auswerten:
for (var i = 0; i < 5; i++) {
console.log(i);
}
Bisher wurde die Zeile in den DevTools ausgewertet, wenn Sie nach dem Eingeben der ersten Zeile die Eingabetaste gedrückt haben. Dies führte zu einem Fehler. Wenn Sie den Codeblock in einer neuen Zeile fortsetzen wollten, hätten Sie die Umschalttaste gedrückt halten müssen, bevor Sie die Eingabetaste gedrückt haben. Jetzt wird der Codeblock in den DevTools nach dem Drücken der Eingabetaste automatisch in einer neuen Zeile fortgesetzt, wie Sie es erwarten würden.
Mehrere Cursor Halten Sie die Befehlstaste (Mac) oder Strg + Alt (Windows, Linux) gedrückt und klicken Sie dann.
Canary hebt andere Kontexte jetzt rot hervor
Wenn Sie in letzter Zeit in der Console gearbeitet haben, wurden Sie möglicherweise von einem kleinen Programmfehler gestört, bei dem die Auswahl des Ausführungskontexts auf andere Werte als top festgelegt wurde.
Dieser Fehler sollte in der stabilen Version jetzt behoben sein. Zur Sicherheit werden Sie in den DevTools in Canary (Chrome 56) jetzt darauf hingewiesen, dass Sie sich nicht im top-Kontext befinden, indem die Auswahl rot hervorgehoben wird.
Neuer User-Agent: UC Browser
Du kannst jetzt UC Browser für iOS, Android oder Windows Phone über den Tab „Netzwerkbedingungen“ in der Schublade auswählen.
Teilen macht Freude
Wie immer freuen wir uns über Feedback und Ideen zu Entwicklertools.
- Wenn Sie kurze Fragen haben, Feedback geben oder neue Ideen teilen möchten, schreiben Sie uns auf Twitter unter ChromeDevTools.
- Für längere Diskussionen eignen sich die Mailingliste oder Stack Overflow am besten.
- Wenn du mit der Dokumentation zu tun hast, erstelle ein Problem in unserem Dokumentations-Repository.
- Du kannst dich jederzeit direkt an das Team wenden, um einen Fehler zu melden oder eine Funktion über Crbug anzufordern.
Viele Grüße
Kayce