Novità di DevTools (Chrome 107)

Jecelyn Yeen

Personalizza le scorciatoie da tastiera in DevTools

Ora puoi personalizzare le scorciatoie da tastiera per i tuoi comandi preferiti in DevTools.

Vai a Impostazioni > Scorciatoie: passa il mouse sopra un comando e fai clic sul pulsante Modifica (icona della penna) per personalizzare la scorciatoia da tastiera. Puoi anche creare accordi (ovvero scorciatoie da tastiera per la pressione di più tasti).

Problemi relativi a Chromium: 1335274, 174309

Attiva/disattiva temi chiaro e scuro con la scorciatoia da tastiera

Configura una scorciatoia da tastiera per attivare/disattivare comodamente i temi chiari e scuri. Per impostazione predefinita, l'azione non viene associata ad alcuna scorciatoia da tastiera.

Problemi relativi a Chromium: 1280398, 1226363

Evidenzia gli oggetti C/C++ nel Controllo memoria

L'opzione Memory Inspector evidenzia tutti i byte di un oggetto di memoria C/C++.

Riconoscere i byte di un oggetto nella memoria WebAssembly circostante era un punto dolente. Devi conoscere le dimensioni dell'oggetto e contare i byte dall'inizio dell'oggetto.

Grazie a questa funzionalità, puoi distinguerli dai ricordi circostanti. Per saperne di più sulle modifiche, consulta Estensione del controllo della memoria per il debug C/C++.

Problema relativo a Chromium: 1336568

Supporta le informazioni complete dell'iniziatore per l'importazione HAR

Ora sono disponibili informazioni complete su Iniziatore per l'importazione HAR. In precedenza, il riquadro Rete mostrava solo informazioni parziali di iniziatore durante l'importazione.

Le informazioni sull'iniziatore aiutano gli sviluppatori a tracciare l'origine di una richiesta di rete e a identificare i problemi relativi alla rete.

Problema relativo a Chromium: 1343185

Avvia la ricerca DOM dopo aver premuto Enter

Ora puoi disattivare l'impostazione Ricerca durante la digitazione in modo da avviare sempre la ricerca DOM dopo aver premuto Invio.

Nel riquadro Elementi, attiva/disattiva la barra di ricerca con Ctrl o Comando + F. Mentre digiti una query nella casella di testo di ricerca, l'albero DOM passa al primo elemento corrispondente e lo evidenzia per impostazione predefinita.

Questo comportamento non è ideale per gli utenti, soprattutto per i tester che eseguono sempre query di ricerca lunghe. L'albero DOM potrebbe saltare più volte durante la digitazione di una query di ricerca lunga (ad es. //div[@id="example"]). Questo comportamento crea movimenti non necessari.

Vai a Impostazioni > Preferenze, disattiva Ricerca durante la digitazione. Con questa modifica, la ricerca inizierà solo dopo che avrai premuto Invio.

Problema relativo a Chromium: 1344526

Visualizza le icone start e end per le proprietà flexbox CSS di align-content

Nel riquadro Stili, modifica le proprietà align-content in una classe CSS con display: flex o display: inline-flex. start e end vengono visualizzati nel menu a discesa del completamento automatico con icone.

Problema relativo a Chromium: 1139945

Varie in evidenza

• Visualizza i conteggi corretti dei messaggi nella barra laterale della console. In precedenza, i conteggi non venivano aggiornati durante la cancellazione dei messaggi della console. (1343311)

Scaricare i canali in anteprima

Prendi in considerazione l'utilizzo di Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali in anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, testare le API delle piattaforme web all'avanguardia e individuare i problemi sul tuo sito prima che lo facciano gli utenti.

Contattare il team di Chrome DevTools

Utilizza le seguenti opzioni per discutere delle nuove funzionalità e modifiche nel post o di qualsiasi altra informazione relativa a DevTools.

• Inviaci un suggerimento o un feedback tramite crbug.com.
• Segnala un problema di DevTools utilizzando Altre opzioni   > Guida > Segnala un problema di DevTools in DevTools.
• Invia un tweet all'indirizzo @ChromeDevTools.
• Lascia commenti sulle novità nei video di YouTube di DevTools o nei video di YouTube dei suggerimenti di DevTools.

Novità di DevTools

Un elenco di tutto ciò che è stato trattato nella serie Novità di DevTools.