Digest DevTools

Umar Hansa
Umar Hansa

Stack di chiamata asincroni

Ora è possibile associare le analisi dello stack all'origine asincrona di un evento. Sono supportati timer, frame di animazione, XHR, listener di eventi e altro ancora. Presto pubblicheremo un riepilogo completo degli stack di chiamate asincrone su HTML5 Rocks. Non dimenticare di selezionare l'opzione "Attiva il supporto per le analisi dello stack asincrone" negli esperimenti DevTools. [crbug.com/272416]

Stack di chiamate asincrono.

getEventListeners(window)

Quando si visualizza il DOM di una pagina, non è sempre chiaro quali elementi hanno listener di eventi JavaScript registrati, se presenti. Tutti i listener di eventi registrati sull'oggetto window (o qualsiasi nodo DOM per quella pratica) ora possono essere recuperati tramite getEventListeners nel riquadro della console come parte dell'API a riga di comando. [crbug.com/336472]

Il riquadro Origini introduce il concetto di modifica delle posizioni che sono essenzialmente le posizioni del cursore nell'editor di codice. Alt- ti riporta alle posizioni di modifica precedenti (la porzione di codice a cui ti trovavi in precedenza) e Alt+ va avanti. [crbug.com/281507]

I valori di suggerimento automatico dell'ombra riquadro sono stati aggiornati

I valori del suggerimento automatico per la proprietà CSS box-shadow sono stati aggiornati in modo da includere la parola chiave di none. [crbug.com/332355]

Nessuna ombra riquadro

Andare a un numero di riga specifico e a una colonna specifica

Vai a un numero di riga in una colonna specifica utilizzando :line:column nella finestra di dialogo "Cerca per nome file" del riquadro Origini (Ctrl + O o Cmd + O). [crbug.com/337909]

Ridimensionamento più semplice con l'handle della barra degli strumenti

Qualsiasi spazio vuoto sulla barra degli strumenti principale di DevTools ora funge da punto di manipolazione di ridimensionamento valido. [crbug.com/304730]

Barre di rete compatibili con Retina

Le barre di rete che erano originariamente formate da immagini sono state ora create in CSS, rendendole indipendenti dalla risoluzione e compatibili con la retina. [crbug.com/330659]

Riduzione del rumore nella console

Gli argomenti sconosciuti passati al tag meta visualizzazione non vengono più mostrati come errori nella console, ma piuttosto come avvisi che comportano meno rumore da esaminare. [crbug.com/332794]

Rimuovi ingranaggio della formattazione del colore

L'icona a forma di ingranaggio del riquadro Stili per scorrere i formati di colore è stata rimossa, ma puoi comunque modificare questa preferenza nelle impostazioni di DevTools. [crbug.com/333840]

Scheda console persistente

La scheda della console nel riquadro a scomparsa ora ricorda correttamente il suo stato dopo un ricaricamento. [crbug.com/328551]

Spiegazione migliorata del ridimensionamento automatico del testo

In DevTools è stato aggiunto un link alla documentazione sull'emulazione di dispositivi mobili per fornire maggiori informazioni sull'emulazione e sul ridimensionamento automatico del testo. Viene visualizzata anche una descrizione comando per la casella di controllo del ridimensionamento automatico del testo. [crbug.com/319092]

Descrizione comando Ridimensionamento automatico del testo

Indirizzo IP remoto

Ora puoi vedere l'indirizzo IP di un host nella visualizzazione delle risorse del riquadro Rete. [crbug.com/255602]

Indirizzo IP remoto

Grazie per l'attenzione. Puoi provare queste funzionalità in Canary; in alternativa, molte di quelle menzionate nella versione di dicembre sono ora disponibili nella versione stabile di Chrome.