Questa pagina è stata tradotta dall'API Cloud Translation.

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

Personalizza le scorciatoie da tastiera in DevTools.

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.

Attiva/disattiva temi chiaro e scuro con la 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++.

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

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.

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

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 e disattiva l'opzione 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.

proprietà flexbox di allineamento con il contenuto.

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 di anteprima ti consentono di accedere alle ultime funzionalità di DevTools, di testare le API delle piattaforme web all'avanguardia e di 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 usando 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.