Hallo Kayce, hier ist nochmal eine Zusammenfassung mit Informationen zu den Neuerungen in den Entwicklertools seit letztem Monat.
Neue Funktionen in der Console
In Chrome 56, das sich derzeit in Canary befindet, wird die Entwicklertools-Konsole von CodeMirror unterstützt. Dies ermöglicht eine Reihe neuer Funktionen, wie zum Beispiel:
Syntaxhervorhebung während der Eingabe: Bisher konnte die Syntax in den Entwicklertools erst hervorgehoben werden, nachdem ein Codeblock ausgewertet wurde.
Übereinstimmende Klammern / Klammern / geschweifte Klammern: Zusätzliche Klammern oder Klammern werden von den Entwicklertools rot hervorgehoben.
Übereinstimmende Klammern, Klammern oder geschweifte Klammern werden grau hervorgehoben, wenn sich der Cursor neben einer davon befindet.
Intelligente Rückgabe: Wenn Sie einen mehrzeiligen Codeblock eingeben, wissen die Entwicklertools jetzt, ob bei jeder Drücken der Eingabetaste eine neue Zeile erstellt oder der Code ausgeführt werden soll. Angenommen, Sie möchten die folgende for-Schleife in der Console auswerten:
for (var i = 0; i < 5; i++) {
console.log(i);
}
In der Vergangenheit hat es die Entwicklertools dazu gebracht, die Zeile zu auswerten, wenn die Eingabetaste nach Eingabe der ersten Zeile gedrückt wurde, was einen Fehler verursachte. Um den Codeblock mit einer neuen Zeile fortzusetzen, mussten Sie die Umschalttaste gedrückt halten, bevor Sie die Eingabetaste drücken. Im Gegensatz dazu setzen die Entwicklertools den Codeblock jetzt einfach wie erwartet automatisch in einer neuen Zeile fort, wenn Sie die Eingabetaste drücken.
Mehrere Cursor: Halten Sie die Befehlstaste (Mac) oder Strg + Alt (Windows, Linux) gedrückt und klicken Sie dann.
Canary hebt nicht Top-Kontexte jetzt rot hervor
Wenn Sie in letzter Zeit in der Console gearbeitet haben, wurden Sie möglicherweise von einem kleinen Fehler gestört, bei dem der Ausführungskontextselektor auf andere Werte als top gesetzt wurde.
Dieser Fehler sollte nun in der stabilen Version behoben sein. Um auf der sicheren Seite zu sein, werden Sie von den Entwicklertools in Canary (Chrome 56) jetzt gewarnt, dass Sie sich nicht im top-Kontext befinden, indem Sie den Selektor rot markieren.
Neuer User-Agent: UC-Browser
Sie können jetzt den UC-Browser für iOS, Android oder Windows Phone in der Leiste der Netzwerkbedingungen auswählen.
Teilen macht Freude
Wie immer freuen wir uns auf euer Feedback oder eure Ideen zu den Entwicklertools.
- Sie können uns über ChromeDevTools auf Twitter kontaktieren, um kurze Fragen oder Feedback zu erhalten oder neue Ideen zu teilen.
- Für längere Diskussionen eignen sich die Mailingliste oder Stack Overflow.
- Bei Dokumenten im Zusammenhang mit Dokumenten öffnen Sie ein Problem in unserem Docs-Repository.
- Sie können sich jederzeit an das Team wenden, um einen Fehler zu melden oder eine Funktion in Crbug anzufordern.
Viele Grüße
Kayce