Wat is er nieuw in DevTools (Chrome 81)

Kayce Basken
Kayce Basques

Moto G4-ondersteuning in de apparaatmodus

Nadat u de apparaatwerkbalk hebt ingeschakeld, kunt u de afmetingen van een Moto G4-viewport simuleren vanuit de apparaatenlijst .

Simuleren van een Moto G4-viewport

Klik op Apparaatframe weergeven om de Moto G4-hardware in het venster weer te geven.

De hardware van de Moto G4 laten zien

Gerelateerde functies:

  • Open het opdrachtmenu en voer de opdracht Capture screenshot uit om een schermafbeelding te maken van het venster met de Moto G4-hardware (nadat u Apparaatframe weergeven hebt ingeschakeld).
  • Beperk het netwerk en de CPU om de surfomstandigheden van een mobiele gebruiker nauwkeuriger te simuleren.

Chromium-probleem #924693

Cookie-gerelateerde updates

Geblokkeerde cookies in het Cookies-paneel

In het deelvenster Cookies in het toepassingspaneel krijgen geblokkeerde cookies nu een gele achtergrond.

Geblokkeerde cookies in het deelvenster Cookies van het toepassingspaneel

Zie ook Fouten opsporen waarom een cookie is geblokkeerd om te leren hoe u vanuit het paneel Netwerk toegang kunt krijgen tot een vergelijkbare gebruikersinterface.

Chromium-probleem #1030258

Cookieprioriteit in het Cookie-paneel

De tabellen Cookies in de panelen Netwerk en Toepassing bevatten nu een kolom Prioriteit .

Chromium-probleem #1026879

Alle cookiewaarden bewerken

Alle cellen in de cookietabellen zijn nu bewerkbaar, behalve de cellen in de kolom Grootte , omdat die kolom de netwerkgrootte van de cookie in bytes weergeeft. Zie Velden voor een uitleg van elke kolom.

Een cookiewaarde bewerken

Kopieer als Node.js-ophalen om cookiegegevens op te nemen

Klik met de rechtermuisknop op een netwerkaanvraag en selecteer Kopiëren > Kopiëren als Node.js-ophalen om een fetch te verkrijgen die cookiegegevens bevat.

Kopiëren als Node.js fetch

Chromium-probleem #1029826

Nauwkeurigere manifestpictogrammen voor webapps

Voorheen voerde het Manifest-paneel in het Applicatiepaneel eigen verzoeken uit om manifestpictogrammen van webapps weer te geven. DevTools toont nu exact hetzelfde manifestpictogram als Chrome.

Pictogrammen in het Manifest-paneel

Chromium-probleem #985402

Beweeg de muis over CSS- content om de niet-ontsnapte waarden te zien

Beweeg de muis over de waarde van een content om de ongecodeerde versie van de waarde te bekijken.

Wanneer u bijvoorbeeld in deze demo het pseudo-element p::after bekijkt, ziet u een ontsnapte tekenreeks in het deelvenster Stijlen:

De ontsnapte string

Wanneer u met de muis over de content beweegt, ziet u de niet-ontsnapte waarde:

De onontsnapte waarde

Meer gedetailleerde bronkaartfouten in de console

De console biedt nu meer details over waarom een bronkaart niet geladen of geparseerd kon worden. Voorheen werd er alleen een foutmelding weergegeven zonder uitleg wat er misging.

Een fout bij het laden van de bronkaart in de console

Instelling voor het uitschakelen van scrollen voorbij het einde van een bestand

Open Instellingen en schakel vervolgens Voorkeuren > Bronnen > Scrollen voorbij het einde van het bestand toestaan uit om het standaard UI-gedrag uit te schakelen waarmee u in het deelvenster Bronnen ver voorbij het einde van een bestand kunt scrollen.

Hier is een GIF van de functie .

Download de previewkanalen

Overweeg Chrome Canary , Dev of Beta als uw standaard ontwikkelbrowser te gebruiken. Deze previewkanalen geven u toegang tot de nieuwste DevTools-functies, laten u geavanceerde webplatform-API's testen en helpen u problemen op uw site te ontdekken voordat uw gebruikers dat doen!

Neem contact op met het Chrome DevTools-team

Gebruik de volgende opties om nieuwe functies, updates of iets anders met betrekking tot DevTools te bespreken.

Wat is er nieuw in DevTools

Een lijst met alles dat in de serie Wat is er nieuw in DevTools is behandeld.