Hoi, Hoi, hier is Kayce . Ik ben weer terug met een update over de nieuwste DevTools-nieuwtjes sinds vorige maand.
Nieuwe functies in de console
In Chrome 56, dat momenteel in Canary draait, wordt de DevTools Console aangestuurd door CodeMirror . Dit maakt een heleboel nieuwe functies mogelijk, zoals:
Syntaxisaccentuering terwijl u typt . Voorheen konden DevTools de syntaxis alleen markeren nadat een codeblok was geëvalueerd.
Markering van bijpassende haakjes/brackets/accolades . Als u een extra haakje, accolade of accolade heeft, markeert DevTools deze rood.
Overeenkomende haakjes, vierkante haken of accolades worden grijs gemarkeerd als de cursor ernaast staat.
Slimme return . Wanneer u een codeblok van meerdere regels typt, weet DevTools nu of er een nieuwe regel moet worden gemaakt of dat uw code moet worden uitgevoerd telkens wanneer u op Enter drukt. Stel dat u bijvoorbeeld de volgende for lus in de console wilt evalueren:
for (var i = 0; i < 5; i++) {
console.log(i);
}
Vroeger zou het indrukken van Enter na het typen van de eerste regel ervoor hebben gezorgd dat DevTools de regel evalueerde, wat een fout veroorzaakte. Om het codeblok op een nieuwe regel te laten doorgaan, had je Shift ingedrukt moeten houden voordat je op Enter drukte. Nu daarentegen vervolgt DevTools het codeblok automatisch op een nieuwe regel nadat je op Enter hebt gedrukt, zoals je verwacht.
Meerdere cursors . Houd Command (Mac) of Control + Alt (Windows, Linux) ingedrukt en klik.
Canary markeert nu niet-topcontexten rood
Als u de laatste tijd in de Console hebt gewerkt, bent u mogelijk gebeten door een vervelende bug die de uitvoeringscontextselector op andere waarden dan top instelde.
Deze bug zou nu in Stable opgelost moeten zijn, maar voor de zekerheid waarschuwen de DevTools in Canary (Chrome 56) je nu dat je je niet in de top context bevindt door de selector rood te markeren.
Nieuwe gebruikersagent: UC Browser
U kunt nu UC Browser voor iOS, Android of Windows Phone selecteren in het tabblad Netwerkvoorwaarden .
Delen is lief zijn
Zoals altijd horen we graag uw feedback of ideeën over alles wat met DevTools te maken heeft.
- Voor korte vragen, feedback of om nieuwe ideeën te delen, kunt u ons pingen op ChromeDevTools op Twitter.
- Voor langere discussies zijn de mailinglijst of Stack Overflow de beste opties.
- Voor alles wat met documentatie te maken heeft, kunt u een probleem openen in onze documentatierepository.
- U kunt altijd rechtstreeks naar het team gaan om een bug te melden of een feature op Crbug aan te vragen.
Tot volgende maand,
Kayce