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 "Attiva il supporto per le analisi dello stack asincrone" negli esperimenti di DevTools. [crbug.com/272416]

Stack di chiamate asincrone.

getEventListeners(window)

Quando visualizzi il DOM di una pagina, non è sempre evidente quali elementi hanno listener di eventi JavaScript registrati, se presenti. 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]

Box-shadow none

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 cursore di ridimensionamento valido. [crbug.com/304730]

Barre di rete adatte a Retina

Le barre di rete, originariamente formate da immagini, sono ora create in CSS, il che le rende indipendenti dalla risoluzione e adatte a 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 è stata rimossa, ma puoi comunque modificare questa preferenza nelle impostazioni di DevTools. [crbug.com/333840]

Scheda della console fissa

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 nella release di dicembre sono ora disponibili nella versione stabile di Chrome.