DevTools Digest, oktober 2016

Hallo, Kayce hier, weer terug voor nog een samenvatting om je op de hoogte te houden van wat er sinds vorige maand nieuw is in DevTools.

Nieuwe functies in de console

In Chrome 56, dat zich momenteel in Canary bevindt, wordt de DevTools-console mogelijk gemaakt door CodeMirror . Dit maakt een hele reeks nieuwe functies mogelijk, zoals:

Syntaxisaccentuering terwijl u typt . Voorheen kon DevTools de syntaxis alleen markeren nadat een codeblok was geëvalueerd.

Bijpassende haakjes/beugel/accoladeaccentuering . Als u een extra haakje, haakje of accolade heeft, markeert DevTools dit rood.

niet-overeenkomende haakjes

Overeenkomende haakjes, haakjes of accolades worden grijs gemarkeerd als uw cursor ernaast staat.

overeenkomende haakjes

Slim rendement . Wanneer u een codeblok met meerdere regels typt, weet DevTools nu of een nieuwe regel moet worden gemaakt of 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);
}

In het verleden zou het indrukken van Enter na het typen van de eerste regel ertoe hebben geleid dat DevTools de regel had geëvalueerd, wat een fout veroorzaakte. Om het codeblok op een nieuwe regel voort te zetten, had u Shift ingedrukt moeten houden voordat u op Enter drukte. Daarentegen vervolgt DevTools het codeblok nu automatisch op een nieuwe regel nadat u op Enter drukt, zoals u verwacht.

Meerdere cursors . Houd Command (Mac) of Control + Alt (Windows, Linux) ingedrukt en klik vervolgens.

meerdere cursors

Canary markeert nu niet-topcontexten rood

Als je de laatste tijd in de Console hebt gewerkt, ben je misschien gebeten door een vervelende kleine bug die de selectie van de uitvoeringscontext instelde op andere waarden dan top .

Die bug zou nu opgelost moeten zijn in Stable, maar voor de zekerheid waarschuwt DevTools in Canary (Chrome 56) je nu dat je niet in de top context staat door de selector rood te markeren.

niet-topcontext rood gemarkeerd

Nieuwe user-agent: UC Browser

U kunt nu UC Browser voor iOS, Android of Windows Phone selecteren op het tabblad Netwerkvoorwaarden .

UC Browser-gebruikersagent

Delen is lief

Zoals altijd horen we graag uw feedback of ideeën over alles wat met DevTools te maken heeft.

  • Ping ons naar ChromeDevTools op Twitter voor korte vragen of feedback, of om nieuwe ideeën te delen.
  • Voor langere discussies zijn de mailinglijst of Stack Overflow uw beste keuze.
  • Voor alles wat met documenten te maken heeft, kunt u een probleem openen in onze documentenrepository.
  • U kunt altijd rechtstreeks naar het team gaan om een ​​bug te melden of een functie op Crbug aan te vragen.

Tot volgende maand,

Kayce