DevTools Digest, augustus 2016

Kayce Basken
Kayce Basques

Hallo, ik ben Kayce , technisch schrijver voor DevTools, en ik vertel u graag over de laatste ontwikkelingen op DevTools-gebied.

Het paneel Bronnen is nu het paneel Toepassing

Vanaf Chrome 52 bestaat het Bronnenpaneel niet meer! Het is hernoemd naar het Applicatiepaneel. Alle oude functies van het Bronnenpaneel zijn nog steeds beschikbaar, plus vele nieuwe functies om u te helpen bij het debuggen van Progressive Web Apps. Nu kunt u ook de voordelen ervaren van het debuggen van de levenscyclus van service workers en problemen met de cachetiming.

Bekijk onze nieuwe gids, geschreven door mijzelf, om meer te leren over de nieuwe functies: Progressieve web-apps debuggen

ChromeLens

Chromen lens.

ChromeLens is een geweldige nieuwe extensie waarmee u uw website toegankelijker kunt maken voor mensen met een visuele beperking.

PS Rob Dodson heeft zojuist een nieuwe videoserie over toegankelijkheid gelanceerd: a11ycasts .

Nieuwe functies nu in Canary

Canary is momenteel Chrome 54. Dus voor toekomstige lezers: als u Chrome 54 of hoger gebruikt, kunt u deze functies gebruiken!

De kleurenkiezer bevindt zich in het paneel Bronnen.

Kleurenkiezer voor het bronnenpaneel.

Klik met de rechtermuisknop op het deelvenster Bronnen in het paneel Netwerk. Vervolgens kunt u een reeks cURL-verzoeken kopiëren om al uw bronnen te downloaden.

Kopieer alles als curl.

JavaScript kan worden uitgeschakeld via het menu 'Opdrachten'. Dit was voorheen alleen beschikbaar via 'Instellingen'.

Schakel JavaScript uit.

console.warn() bevat nu een stack trace.

console.warn() stack trace.

Deze laatste functie bestaat al een paar maanden, maar is het vermelden waard. Maak een tijdlijnopname met de optie JS-profiel ingeschakeld en je kunt een overzicht van de uitvoeringstijden per functie bekijken in het paneel Bronnen.

Uitvoeringstijden van functies in het bronpaneel.

Nieuwe ideeën uit de community

Hier zijn een aantal nieuwe ideeën uit de community die we wellicht in de toekomst kunnen aanbieden bij DevTools Near You.

  • @matthewcp : Versnel het opsporen van geheugenlekken door een eenvoudige lijst met groeiende objecten weer te geven.
  • @jonathanbingram : Verhoog of verlaag font-weight met de sneltoetsen op het toetsenbord.
  • @_bl4de : Cookies bewerken (eigenlijk een al lang bestaand verzoek, maar bedankt dat je het weer ter sprake brengt). Het gerucht gaat dat @kdzwinel een PR in de maak heeft.
  • @kienzle_s : Voeg OF-filters toe aan het filter in het paneel Netwerk.

Heb je een nieuw idee? We horen het graag. Ping ons op Twitter via @ChromeDevTools en laat ons weten wat je ervan vindt.

Nu ik toch uw aandacht heb: als er documenten zijn die gerepareerd moeten worden of functies die uitgelegd moeten worden, kunt u gerust een probleem openen in de docs repository .

Tot volgende maand!