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]

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]
Spostati tra le posizioni di modifica del codice sorgente
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]

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]

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

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.