Digest DevTools

Umar Hansa
Umar Hansa

Stack di chiamate asincrone

Ora le tracce dello stack possono essere associate all'origine asincrona di un evento. È supportato il timer, i frame di animazione, le richieste XHR, gli ascoltatori di eventi e altro ancora. A breve pubblicheremo una descrizione completa degli stack di chiamate asincrone su HTML5 Rocks. Non dimenticare di selezionare "Abilita il supporto per le analisi dello stack asincrone" negli esperimenti DevTools. [crbug.com/272416]

Stack di chiamate asincrone.

getEventListeners(window)

Quando si visualizza il DOM di una pagina, non è sempre chiaro quali elementi hanno eventualmente listener di eventi JavaScript registrati. Tutti gli ascoltatori di eventi registrati nell'oggetto window (o in qualsiasi nodo DOM) ora possono essere recuperati tramite getEventListeners nel riquadro della console nell'ambito dell'API a riga di comando. [crbug.com/336472]

Il riquadro Origini introduce il concetto di posizioni di modifica, che sono essenzialmente posizioni del cursore nell'editor di codice. Alt- ti consente di tornare alle posizioni di modifica precedenti (il codice in cui ti trovavi in precedenza) e Alt+ ti consente di andare avanti. [crbug.com/281507]

I valori di suggerimento automatico per l'ombra della cassetta sono stati aggiornati

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

Nessuna ombra riquadro

Vai a un numero di riga e a una colonna specifici

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

Ridimensionamento più semplice con il cursore della barra degli strumenti

Qualsiasi spazio vuoto nella barra degli strumenti principale di DevTools ora funge da maniglia di ridimensionamento valida. [crbug.com/304730]

Barre di rete compatibili con Retina

Le barre di rete che erano originariamente formate da immagini sono state 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 viewport non vengono più visualizzati come errori nella console, ma come avvisi, il che significa che hai meno elementi da esaminare. [crbug.com/332794]

Rimuovere il pulsante di formattazione dei colori

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

Scheda persistente della console

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

Spiegazione migliorata sul ridimensionamento automatico del testo

In DevTools è stato aggiunto un link alla documentazione sull'emulazione mobile per spiegare meglio l'emulazione e il ridimensionamento automatico del testo. Viene visualizzata anche una descrizione comando per la casella di controllo di ridimensionamento automatico del testo. [crbug.com/319092]

Descrizione comando per il ridimensionamento automatico del testo

Indirizzo IP remoto

Ora puoi visualizzare l'indirizzo IP di un host nella visualizzazione della risorsa del riquadro Rete. [crbug.com/255602]

Indirizzo IP remoto

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