← Torna alle funzionalità
Pro

Visualizzatore responsive

Mostra la pagina corrente in piu viewport side by side.

Testare responsive richiede ridimensionare il browser. Il Visualizzatore mostra tutti i viewport insieme.

Anteprima dal vivo
example.com/landing
iPhone 15 iPad Pixel 8 MacBook Sync Scroll: ON
iPhone 15
393 × 852
MacBook Pro
1440 × 900
Caratteristiche principali

Multi-dispositivo side by side

Vedi la pagina in piu viewport contemporaneamente.

Preset dispositivi

iPhone, iPad, Pixel, MacBook e Desktop preimpostati.

Dimensioni personalizzate

Inserisci larghezza e altezza custom.

Scorrimento sincronizzato

Scorri un viewport e tutti seguono.

Cornici dispositivo realistiche

Ogni viewport con cornice dispositivo.

Selezione dispositivi

Attiva/disattiva singoli dispositivi.

Casi d'uso comuni

QA responsive

Verifica ogni sezione su tutti i dispositivi.

Revisioni stakeholder

Mostra ai clienti il sito su diversi dispositivi.

Debug breakpoint

Viewport custom alla larghezza del problema.

Revisione contenuti

Verifica titoli, tabelle e form su tutti i dispositivi.

Mockup portfolio

Screenshot multi-dispositivo per portfolio.

Come usare
1

Attiva

Apri dock e clicca icona.

2

Scegli preset

Seleziona dispositivi dalla barra.

3

Aggiungi custom

Clicca Custom e inserisci dimensioni.

4

Scorri e confronta

Scorri qualsiasi viewport.

5

Esci

Clicca icona o chiudi per tornare a vista normale.

Pronto a provare? Visualizzatore responsive?

Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox