Gli strumenti di sviluppo di Chrome in Chrome possono simulare alcune dimensioni del dispositivo e persino possiamo impostare larghezza personalizzata (x) e altezza (y) per viewport. la mia domanda è possibile salvare questa larghezza o altezza personalizzata con nome personalizzato o semplicemente salvarla.Salva la larghezza e l'altezza del dispositivo personalizzato negli strumenti di sviluppo di Chrome
Sì, è possibile salvare preimpostazioni personalizzate. Basta fare clic sul pulsante More overrides in alto a destra (rappresentato da tre punti orizzontali). Il cassetto di emulazione dovrebbe apparire negli strumenti Dev. È possibile fare clic sul pulsante Save As e assegnare un nome alla preimpostazione personalizzata. Il nuovo preset dovrebbe quindi apparire nell'elenco dei Modelli.
Per ulteriori dettagli, consultare lo official DevTools documentation on this.
Modifica: Questo sembra essere cambiato nelle versioni più recenti di Chrome. matharden's answer include i passaggi corretti: all'interno dei DevTools, andare a Settings, selezionare Devices nella navigazione a sinistra e selezionare Add custom device...
Al momento ho aggiunto questa risposta, risparmiando risoluzioni dello schermo sembra essere stato disabilitato.
Ho creato un preset (1024x768) mentre era ancora possibile, e posso ancora accedere a quel preset, ma non esiste più un'opzione di salvataggio in cui esistesse (come descritto in @ Chirag64).
non c'è alcuna menzione di 'salvare' nella documentazione: https://developer.chrome.com/devtools/docs/device-mode, sia :(
ho avuto una rapida occhiata in giro in chrome: // flags e la mia ~/Library/Application Support directory/Google/Chrome, ma non è stato possibile trovare il riferimento alla preferenza che ho salvato ...
è nelle impostazioni degli Strumenti per gli sviluppatori, [vedi la mia risposta di seguito] (http://stackoverflow.com/questions/27599155/save-custom-device-width-and-height-in-chrome-developer-tools/#33807877) . – matharden
Se si richiamano gli strumenti di sviluppo, fare clic sull'icona impostazioni nell'angolo e quindi selezionare Dispositivi dal menu di sinistra, c'è un'opzione a in fondo a quella pagina per aggiungere un dispositivo personalizzato
Mi è piaciuto il vecchio modo migliore (opzione Salva come nel cassetto di emulazione) ma questa risposta ora sembra essere quella corretta. – Jono
Nelle versioni recenti questo si trova in ...
come specificato nella Device Mode & Mobile Emulation docs Chrome.
Chrome Canary ora lo trova comodamente in "Modifica ..." nel menu a discesa "Responsive" in "modalità dispositivo" (CTRL + MAIUSC + OPZIONE + CMD + M quando gli strumenti di sviluppo sono aperti).
funziona, ma non sembra salvare il dispositivo personalizzato dopo aver chiuso Chrome. C'è un modo per salvare il dispositivo personalizzato e renderlo predefinito, quindi quando il browser lo apre, il dispositivo personalizzato viene impostato automaticamente? – simon
Alcuni anni dopo la risposta è stata data ma: c'è un modo per modificare un dispositivo personalizzato già aggiunto? Mi sembra di essere in grado di abilitarli/disabilitarli. Non modificarli. – Chewtoy
Le cose sono cambiate e il pulsante Salva come non appare più nel cassetto di emulazione. Controlla invece la risposta di joefurniss. – Jono
Ora si è spostato, [vedi sotto] (http://stackoverflow.com/questions/27599155/save-custom-device-width-and-height-in-chrome-developer-tools/#33807877). – matharden
Downvoted, motivo per cui questa risposta non è più corretta. La risposta corretta è la risposta di @ matharden qui sotto. –