Digest DevTools, agosto 2016

Ciao, sono Kayce, Technical writer per DevTools e sono qui per informarti delle ultime novità in DevTools.

Il riquadro Risorse è ora il riquadro Applicazione

A partire dalla versione 52 di Chrome, il riquadro Risorse non è più disponibile. È stato rinominato nel riquadro dell'applicazione. Tutte le vecchie funzionalità del riquadro Risorse sono ancora disponibili, oltre a molte di nuove per aiutarti a eseguire il debug delle app web progressive. Ora puoi anche provare il debug dei problemi di ciclo di vita e di tempo della cache dei service worker.

Consulta la nostra nuova guida, scritta da te personalmente, per scoprire di più sulle nuove funzionalità: Debug delle app web progressive

ChromeLens

obiettivo di Chrome.

ChromeLens è una nuova estensione eccellente per aiutarti a rendere il tuo sito web più accessibile alle persone con disabilità visiva.

P.S. Rob Dodson ha appena lanciato una nuova serie di video sull'accessibilità, a11ycasts.

Nuove funzionalità ora disponibili in Canary

Canary è attualmente Chrome 54. I lettori futuri potranno quindi usare queste funzionalità se usi Chrome 54 o versioni successive.

Il selettore colori si trova nel riquadro Origini.

Selettore colori nel riquadro delle origini.

Fai clic con il pulsante destro del mouse sul riquadro Risorse nel riquadro Network e puoi copiare una stringa di richieste cURL per scaricare tutte le tue risorse.

Copia tutto come curl.

È possibile disabilitare JavaScript dal menu dei comandi. Prima era disponibile solo nelle Impostazioni.

Disattiva JavaScript.

console.warn() ora include un'analisi dello stack.

analisi dello stack console.warn().

Quest'ultima funzionalità è disponibile da alcuni mesi, ma vale la pena menzionarla. Crea una registrazione della cronologia con l'opzione Profilo JS abilitata e potrai vedere un'analisi dettagliata dei tempi di esecuzione nel riquadro Origini.

Tempi di esecuzione della funzione nel riquadro delle origini.

Nuove idee dalla community

Ecco alcune nuove idee della community che potrebbero essere usate in futuro Strumenti per sviluppatori nelle vicinanze.

  • @matthewcp: Velocizza il debug di perdite di memoria visualizzando un semplice elenco di oggetti in crescita.
  • @jonathanbingram: aumenta / diminuisci i valori di font-weight con le scorciatoie da tastiera di incremento / decremento.
  • @_bl4de: modifica i cookie (questa è una richiesta da tempo, ma ti ringraziamo per averci segnalato). Si dice che @kdzwinel abbia in programma un PR.
  • @kienzle_s: aggiungi filtri OR al filtro del riquadro Rete.

Hai una nuova idea? Vorremmo conoscere la tua opinione. Invia un ping su Twitter a @ChromeDevTools e dicci cosa succede.

Mentre ho la tua attenzione, se ci sono documenti che devono essere corretti o funzionalità che devono essere spiegate, non esitare ad aprire un problema nel repository di documenti.

Al prossimo mese.