Digest DevTools - Maggiore potenza con il nuovo menu dei comandi

Paul Bakaus
Paul Bakaus

Scopri di più sul nuovo menu dei comandi di DevTools e sulle oltre 60 azioni che consentono flussi di lavoro estremamente rapidi.

Cmd/Ctrl+Maiusc+P per visualizzare il menu di comando

Menu dei comandi in DevTools

La finestra di dialogo "Vai al file" che viene visualizzata quando premi Cmd + P (o Ctrl + P) nel riquadro Origini non è molto nota, ma esiste da un po' di tempo. Ora siamo andati molto oltre e abbiamo sviluppato un menu di comandi ispirato agli editor di testo che può eseguire quasi tutte le azioni importanti in DevTools.

Premi Cmd + Shift + P (o Ctrl + Shift + P) in un punto qualsiasi (anche quando la pagina è attiva) per visualizzare il menu dei comandi, quindi digita per filtrare e premi Enter per attivare l'azione. Ecco alcune azioni di esempio che puoi provare:

  • Aspetto: passa al tema scuro
  • DevTools: aggancia in basso
  • Dispositivo mobile: ispeziona i dispositivi…
  • Rete: passa alla modalità offline

Il nuovo menu dei comandi è un modo molto rapido per navigare e scoprire nuove impostazioni e azioni in DevTools.

Cerchi la vecchia finestra di dialogo "Vai all'abbonamento" che in precedenza era associata anche a questa scorciatoia? È ancora lì, da ora in poi premi Cmd + Shift + O (o Ctrl + Shift + O).

HTML con formattazione a blocchi

HTML corretto.

La visualizzazione in formato leggibile per i file JS e CSS è integrata nel riquadro Origini da un po' di tempo, ma abbiamo appena esteso questa funzionalità per supportare la visualizzazione in formato leggibile per HTML. Provaci: non solo riformatta il codice HTML, ma anche il codice JavaScript e CSS al suo interno.


Come sempre, facci sapere cosa ne pensi tramite Twitter o tramite i commenti di seguito e invia i bug all'indirizzo crbug.com/new.

A presto! Paul Bakaus e il team di DevTools