Novità di DevTools (Chrome 107)

Jecelyn Yeen

Personalizzare 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 a forma di penna) per personalizzare la scorciatoia da tastiera. Puoi anche creare accordi (ovvero scorciatoie con più tasti).

Personalizza le scorciatoie da tastiera in DevTools.

Problemi di Chromium: 1335274, 174309

Attivare/disattivare i temi chiaro e scuro con una scorciatoia da tastiera

Configura una scorciatoia da tastiera per alternare comodamente i temi chiaro e scuro. Per impostazione predefinita, l'azione non è mappata a nessuna scorciatoia da tastiera.

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

Problemi di Chromium: 1280398, 1226363

Evidenzia gli oggetti C/C++ nel controllo memoria

Il controllo memoria evidenzia tutti i byte di un oggetto di memoria C/C++.

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

Con questa funzionalità, puoi distinguerli dalla memoria circostante. Per saperne di più sulle modifiche, consulta Estensione di Memory Inspector per il debug C/C++.

Evidenzia gli oggetti C/C++ nel controllo memoria.

Problema di Chromium: 1336568

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

Ora sono disponibili informazioni complete sull'iniziatore per l'importazione HAR. In precedenza, il riquadro Rete mostrava solo informazioni parziali sull'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 correlati alla rete.

Supporta le informazioni complete sull'iniziatore per l'importazione HAR.

Problema di Chromium: 1343185

Avvia la ricerca DOM dopo aver premuto Enter

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

Nel riquadro Elementi, attiva/disattiva la barra di ricerca con Ctrl o Cmd + 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.

Per gli utenti, in particolare i tester che lavorano sempre con query di ricerca lunghe, questo comportamento non è l'ideale. L'albero DOM potrebbe spostarsi più volte mentre digiti una query di ricerca lunga (ad es. //div[@id="example"]). Questo comportamento crea un movimento non necessario.

Ricerca DOM.

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

Impostazione Ricerca durante la digitazione.

Problema di Chromium: 1344526

Visualizza le icone start e end per le proprietà flexbox CSS 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 di completamento automatico con le icone.

proprietà flexbox align-content.

Problema di Chromium: 1139945

Punti salienti vari

  • Visualizzare i conteggi corretti dei messaggi nella barra laterale Console. In precedenza, i conteggi non venivano aggiornati quando venivano cancellati i 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 di anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, testare le API della piattaforma web all'avanguardia e trovare problemi sul tuo sito prima che lo facciano i tuoi utenti.

Contatta il team di Chrome DevTools

Utilizza le seguenti opzioni per discutere delle nuove funzionalità, degli aggiornamenti o di qualsiasi altro argomento relativo a DevTools.

Novità di DevTools

Un elenco di tutti gli argomenti trattati nella serie Novità di DevTools.