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 matita) per personalizzare la scorciatoia da tastiera. Puoi anche creare accordi (ovvero scorciatoie per la pressione di più tasti).

Personalizza le scorciatoie da tastiera in DevTools.

Problemi di Chromium: 1335274, 174309

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

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

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

Problemi di Chromium: 1280398, 1226363

Evidenziare gli oggetti C/C++ nel Controllo memoria

Lo strumento Controllo memoria evidenzia tutti i byte di un oggetto memoria C/C++.

Il riconoscimento dei byte di un oggetto nella memoria WebAssembly circostante era un problema. Devi conoscere le dimensioni dell'oggetto e conteggiare i byte dall'inizio dell'oggetto.

Questa funzionalità ti aiuta a distinguerli dalla memoria circostante. Per scoprire 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 dell'iniziatore per l'importazione HAR

Le informazioni complete sull'iniziatore sono ora disponibili 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 risalire all'origine di una richiesta di rete e a identificare i problemi relativi alla rete.

Supporta le informazioni complete dell'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 nel 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, la struttura DOM passa al primo elemento corrispondente e lo evidenzia per impostazione predefinita.

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

Ricerca DOM.

Vai a Impostazioni > Preferenze, disattiva Cerca mentre digiti. Con questa modifica, la ricerca inizierà solo dopo aver premuto Invio.

Impostazione Ricerca durante la digitazione.

Problema di Chromium: 1344526

Mostrare 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.

Le proprietà flexbox align-content.

Problema di Chromium: 1139945

Altri punti salienti

  • Visualizza i conteggi dei messaggi corretti nella barra laterale della console. In precedenza, i conteggi non venivano aggiornati quando si cancellavano i messaggi della console. (1343311)

Scaricare i canali di anteprima

Valuta la possibilità di utilizzare Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, di testare API di piattaforme web all'avanguardia e di trovare i problemi sul tuo sito prima che lo facciano gli utenti.

Contatta il team di Chrome DevTools

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

Novità di DevTools

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