Hallo, Kayce ist wieder da, um euch über die Neuerungen in den DevTools seit dem letzten Monat zu informieren.
Neue Funktionen in der Console
In Chrome 56, das sich derzeit in der Canary-Version befindet, wird die Entwicklertools-Konsole von CodeMirror unterstützt. Dadurch werden viele neue Funktionen ermöglicht, z. B.:
Syntaxhervorhebung während der Eingabe: Bisher konnte DevTools die Syntax erst nach der Auswertung eines Codeblocks hervorheben.
Hervorhebung der passenden Klammer: Wenn Sie eine zusätzliche Klammer haben, wird sie in DevTools rot hervorgehoben.
Übereinstimmende Klammern werden grau hervorgehoben, wenn sich der Cursor neben einer von ihnen befindet.
Smarte Rückgabe Wenn Sie einen mehrzeiligen Codeblock eingeben, weiß DevTools jetzt, ob eine neue Zeile erstellt oder Ihr Code 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);
}
In der Vergangenheit wurde durch Drücken der Eingabetaste nach dem Eingeben der ersten Zeile die Zeile in den Entwicklertools ausgewertet, was zu einem Fehler führte. Wenn Sie den Codeblock in einer neuen Zeile fortsetzen möchten, hätten Sie die Umschalttaste gedrückt halten müssen, bevor Sie die Eingabetaste gedrückt haben. Jetzt wird der Codeblock in DevTools automatisch in einer neuen Zeile fortgesetzt, nachdem Sie die Eingabetaste gedrückt haben.
Mehrere Cursors: Halten Sie die Befehlstaste (Mac) oder Strg + Alt (Windows, Linux) gedrückt und klicken Sie dann.
Nicht wichtige Kontexte werden in Canary jetzt rot hervorgehoben
Wenn Sie in letzter Zeit in der Console gearbeitet haben, sind Sie möglicherweise auf einen lästigen kleinen Fehler gestoßen, bei dem für die Ausführungskontextauswahl andere Werte als top festgelegt wurden.
Dieser Fehler sollte jetzt in der stabilen Version behoben sein. Zur Sicherheit werden Sie in den DevTools in Canary (Chrome 56) jetzt gewarnt, wenn Sie sich nicht im top-Kontext befinden. Der Selektor wird dann rot hervorgehoben.
Neuer User-Agent: UC Browser
Sie können jetzt UC Browser für iOS, Android oder Windows Phone über den Tab für die Seitenleiste Network conditions (Netzwerkbedingungen) auswählen.
Teilen macht Freude
Wie immer freuen wir uns über Ihr Feedback oder Ihre Ideen zu DevTools.
- Bei kurzen Fragen, Feedback oder neuen Ideen können Sie uns auf Twitter unter ChromeDevTools kontaktieren.
- Für längere Diskussionen sind die Mailingliste oder Stack Overflow am besten geeignet.
- Bei Fragen zu Dokumenten erstellen Sie bitte einen Issue in unserem Dokumentations-Repository.
- Sie können jederzeit direkt zum Team gehen, um einen Fehler zu melden oder eine Funktion auf Crbug anzufordern.
Bis zum nächsten Monat
Kayce