Plug-in del browser per ridimensionare la finestra per il test del browser

9

Quando realizzo un sito Web, lavoro sul mio display esterno da 22 ", il che va bene, ma per avere un'idea migliore di come sarà il sito su schermi più piccoli, devo ridimensionare la finestra del mio browser.

Al momento uso http://resizemybrowser.com/ (che ha anche un'estensione safari) ma stavo vagando se esiste un plug-in Firefox o Chrome per il browser che dosa qualcosa di simile, ho cercato ma finora non sono riuscito a trovare nulla.

firefox  google-chrome  google-chrome-extensions  firefox-extensions  browser-plugin 
— sam
fonte
Quali strumenti stai usando per lo sviluppo web?
— MDMoore313,
testo sublime e dreamwaver, ma mi trovo sempre più incline verso il sublime
— sam

Risposte:

13

Stavo solo cercando in Firefox e ho scoperto che ha anche una modalità "Progettazione reattiva". Vai a Sviluppatore Web → Visualizzazione Responsive Design .

inserisci qui la descrizione dell'immagine

Riceverai un menu a discesa con risoluzioni predefinite in seguito:

inserisci qui la descrizione dell'immagine

— sam
fonte
Esiste un API per questa opzione? Ti piace cambiarlo dal codice addon?
— Kamal Reddy,
3

Questa è in realtà una funzione integrata in Chrome.

  1. Apri DevTools ( F12)

  2. Apri le impostazioni

    inserisci qui la descrizione dell'immagine

  3. Imposta la dimensione desiderata per la tua finestra nel pannello Sostituzioni .

    inserisci qui la descrizione dell'immagine

Nota: quando si seleziona un User Agent in quel pannello, Chrome proverà automaticamente a selezionare le metriche del dispositivo corrette per l'agent selezionato.

— Der Hochstapler
fonte
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.