Come aprire gli Strumenti per sviluppatori di Chrome in una nuova finestra?


250

Quando provo a utilizzare Chrome Developer Tools, sembra che non riesca più a visualizzarlo in una nuova finestra.

Si tratta di un bug o è stata davvero una modifica prevista in un aggiornamento?

Come possiamo aprire gli Strumenti per sviluppatori di Chrome in una nuova finestra?

Ecco uno screenshot di ciò di cui sto parlando.

inserisci qui la descrizione dell'immagine


11
@AbelMelquiadesCallejo Devi fare clic e tenere premuto per visualizzare l'opzione.
katalin_2003,

2
Ehi nota a parte, su una scatola di Linux qui e ho dovuto tenere a lungo con il pulsante sinistro del mouse e quindi fare clic con la rotellina del mouse per far sì che lo scollamento avvenga.
Bob Barker,

per davvero ricordo il pulsante facile, ma ora è ridicolo che ho costretto a google come farlo.
alexander_ch,

Risposte:


426

A partire da Chrome 52, l'interfaccia utente è cambiata. Quando la finestra di dialogo Strumenti per sviluppatori è aperta, si selezionano i puntini di sospensione verticali e si può quindi scegliere la posizione di aggancio:

inserisci qui la descrizione dell'immagine

Seleziona l'icona a sinistra per aprire gli Strumenti per sviluppatori di Chrome in una nuova finestra: icona di più finestre


In precedenza

Fai clic e tieni premuto il pulsante accanto al pulsante di chiusura dello Strumento per gli sviluppatori per visualizzare l'opzione "Sblocca in finestra separata".

inserisci qui la descrizione dell'immagine

Nota: una "stampa" non è sufficiente in quello stato.


18
Una "stampa" non è sufficiente in quello stato. È necessario fare clic e tenere premuto il pulsante (a sinistra del pulsante di chiusura) per visualizzare l'opzione "Sblocca in una finestra separata".
katalin_2003,

5
Sì, click and hold(sto usando Chrome per Windows, versione 39.x per x64).
Fai Nhu Vy il

5
C'è un modo per aprire sempre in una nuova finestra? C'era un'opzione prima ma non è possibile trovare in 39.0.2171.95.
user3285954

94
Che terribile decisione sull'interfaccia utente; Non sono sicuro che potrebbe essere più da scoprire. Grazie per il consiglio!
Joshua Jabbour,

2
A partire dalla metà del 2016, è sufficiente fare clic sulle ellissi verticali per visualizzare le opzioni di aggancio, non è più necessario fare clic e tenere premuto.
Chris B

8

inserisci qui la descrizione dell'immagine

  1. fai clic su tre punti in alto a destra ->
  2. fai clic sull'icona "Sblocca in finestra separata"

3

Devi fare clic e tenere premuto fino a quando non viene visualizzata l'altra icona, quindi far scorrere il mouse verso il basso sull'icona.


1

Digita ctrl + maiusc + I in Google Chrome e atterrerai in una finestra di sviluppo isolata.


5
questo funziona solo se i tuoi strumenti per sviluppatori di Chrome erano già impostati per aprirsi in una nuova finestra
Abel Callejo,

1

Se devi aprire DevTools premi ctrl-shift-i .

Se la finestra di DevTools è già aperta, puoi usare ctrl-shift-d collegamento ; cambia la finestra in modalità indipendente.

Ad esempio nel mio caso la finestra dell'applicazione dell'elettrone (Chrome) è davvero piccola.

inserisci qui la descrizione dell'immagine

Non è possibile utilizzare altri suggerimenti tranne la scorciatoia ctrl-shift-d


Ho appena provato questa risposta e sembra funzionare bene su Windows. L'ho provato anche su Mac, ma le scorciatoie sono diverse. Apri DevTools ( cmd + opzione + i ) e passa all'altro lato dock ( cmd + maiusc + d ). Sempre su Mac, usando direttamente cmd + shift + dw / o aprendo prima DevTools avrebbe ceduto a una funzionalità diversa.
Abel Callejo
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.