DevTools Digest, augustus 2016

Hallo, ik ben Kayce , technisch schrijver voor DevTools, hier om je te vertellen over de laatste gebeurtenissen in DevTools-land.

Het Bronnenpaneel is nu het Applicatiepaneel

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 veel nieuwe functies waarmee u fouten in Progressive Web Apps kunt opsporen. Nu kunt u ook de geneugten ervaren van het opsporen van fouten in de levenscyclus van servicemedewerkers en problemen met de cachetiming.

Bekijk onze nieuwe handleiding, geschreven door ondergetekende, voor meer informatie over de nieuwe functies: Debug Progressive Web Apps

ChroomLens

Chromen lens.

ChromeLens is een uitstekende nieuwe extensie waarmee u uw website toegankelijker kunt maken voor blinden en slechtzienden.

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

Nieuwe functies nu in Canarische

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

De Kleurkiezer bevindt zich in het deelvenster Bronnen.

Kleurkiezer van het Bronnenpaneel.

Klik met de rechtermuisknop op het Bronnenpaneel in het Netwerkpaneel en u kunt een reeks cURL-verzoeken kopiëren om al uw bronnen te downloaden.

Kopieer alles als krul.

JavaScript kan worden uitgeschakeld via het Commandomenu. Dit was voorheen alleen beschikbaar via Instellingen.

Schakel JavaScript uit.

console.warn() bevat nu een stacktrace.

console.warn() stapeltracering.

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

Uitvoeringstijden van functies in het bronnenpaneel.

Nieuwe ideeën uit de gemeenschap

Hier zijn enkele nieuwe ideeën van de community die mogelijk naar een toekomstige DevTools bij jou in de buurt komen.

  • @matthewcp : Versnel het opsporen van geheugenlekken door een eenvoudige lijst met groeiende objecten weer te geven.
  • @jonathanbingram : Verhoog/verlaag de waarden font-weight met de sneltoetsen voor verhogen/verlagen.
  • @_bl4de : Cookies bewerken (eigenlijk een al lang bestaand verzoek, maar bedankt dat je het opnieuw ter sprake brengt). Het gerucht gaat dat @kdzwinel een PR in de maak heeft.
  • @kienzle_s : OR-filters toevoegen aan het netwerkpaneelfilter.

Heb je een nieuw idee? Wij horen het graag. Ping ons op Twitter op @ChromeDevTools en vertel ons wat er aan de hand is.

Hoewel ik uw aandacht heb, kunt u, als er documenten zijn die moeten worden gerepareerd of functies die uitleg behoeven, gerust een probleem openen in de documentenrepository .

Tot volgende maand!