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 sind viele neue Funktionen möglich, 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 Codeblock mit mehreren Zeilen eingeben, weiß DevTools jetzt, ob jedes Mal, wenn Sie die Eingabetaste drücken, 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);
}
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.
In Canary werden nicht die wichtigsten Kontexte jetzt rot hervorgehoben
Wenn Sie in letzter Zeit in der Console gearbeitet haben, sind Sie möglicherweise auf einen kleinen Fehler gestoßen, durch den die Auswahl für den Ausführungskontext auf Werte außer top gesetzt wurde.
Dieser Fehler sollte in der stabilen Version jetzt behoben sein. Zur Sicherheit wird in den DevTools in Canary (Chrome 56) jetzt eine Warnung angezeigt, wenn Sie sich nicht im top-Kontext befinden. Dazu wird der Auswahlschalter rot hervorgehoben.
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 oder Ideen zu den DevTools.
- 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 es um Docs geht, erstelle bitte ein Problem in unserem Docs-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