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 sue oltre 60 azioni che consentono flussi di lavoro superveloci.

Cmd/Ctrl+Maiusc+P per visualizzare il menu Comando

Menu dei comandi in DevTools

La finestra di dialogo "Passa a file" che viene visualizzata quando premi Cmd + P (o Ctrl + P) nel riquadro Origini non è molto conosciuta, ma è disponibile da un po' di tempo. Ora abbiamo fatto molto di più e abbiamo sviluppato un menu dei comandi ispirato agli editor di testo in grado di eseguire quasi tutte le azioni importanti in DevTools.

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

  • Aspetto: passa al tema scuro
  • DevTools: aggancia alla parte inferiore
  • Mobile: Ispeziona dispositivi...
  • Rete: vai offline

Il nuovo menu dei comandi è un modo rapidissimo per esplorare e scoprire nuove impostazioni e azioni in DevTools.

Stai cercando la vecchia finestra di dialogo "Vai al membro" precedentemente associata a quella scorciatoia? C'è ancora, premi Cmd + Shift + O (o Ctrl + Shift + O) d'ora in poi.

Formatta il codice HTML

HTML utile.

Da un po' di tempo abbiamo integrato le risorse JS e CSS per le origini JS e CSS nel riquadro Origini, ma l'abbiamo appena ampliato per supportare la stampa completa di codice HTML. Provalo. Non solo riformatta il codice HTML, ma riformatta anche JavaScript e CSS al suo interno.


Come sempre, facci sapere cosa ne pensi tramite Twitter o segui i commenti riportati di seguito e invia i bug a crbug.com/new.

Al prossimo mese. Paul Bakaus e il team DevTools