Screenfly: Visualizzare una Pagina Web su Device Multipli

- Letture: 3.321

Screenfly è un servizio online gratuito realizzato dai ragazzi di Quirktools che nella loro home page prometto altri 3 fantastici tools.

Abbiamo la possibilità di testare un sito web su diversi device, come desktop, tablet, mobile e schermo tv.

Per ogni device potremo decidere il formato e ottimizzare la versione del nostro sito web per tutti i device.

Device Disponibili

Desktop

  • 10″ Netbook 1024 x 600
  • 12″ Netbook 1024 x 768
  • 13″ Notebook 1280 x 800
  • 15″ Notebook 1366 x 768
  • 19″ Desktop 1440 x 900
  • 20″ Desktop 1600 x 900
  • 22″ Desktop 1680 x 1050
  • 23″ Desktop 1920 x 1080
  • 24″ Desktop 1920 x 1200

Tablet

  • ViewSonic ViewPad 800 x 480
  • Velocity Cruz 800 x 600
  • Samsung Galaxy 1024 x 600
  • Apple iPad 1&2 1024 x 768
  • Motorola Xoom 1280 x 800

Mobile

  • Motorola RAZR V3m 176 x 220
  • Motorola RAZR V8 240 x 320
  • BlackBerry 8300 320 x 240
  • Apple iPhone 3 320 x 480
  • LG Optimus S 320 x 480
  • Google Nexus S 480 x 800
  • ASUS Galaxy 7 480 x 800
  • Apple iPhone 4 640 x 960

Television

  • 480p Television 640 x 480
  • 720p Television 1280 x 720
  • 1080p Television 1920 x 1080

Ho notato che con alcune versioni mobile e tablet la visualizzazione salta su una nuova pagina, ma almeno viene riconosciuta la versione ottimizzata.

Come dico spesso, uno degli aspetti da non sottovalutare per un web designer è conoscere l’esistenza di strumenti che possano ottimizzare il nostro lavoro, quindi apputnatevi questo tool.

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

16 Commenti

  1. Interessante segnalazione Julius, ma a me non funziona, visualizza solo in parte i siti e completamente sformattati, sbaglio qualcosa?

    Ale

  2. @Alessandro: prova a fare il check su “No proxy server (disables device switching)” , facendo così a me funziona benissimo :)

  3. Le opzioni sono molte, davvero ottimo questo servizio!

    Peccato che a volte salta in una pagina bianca come dici tu…

  4. Per carità bell’oggetto e fatto molto bene, ma sarebbe bello avere anche un tool che mostra realmente come si comportano i vari device mobile. Alcuni di questi Browser mobile hanno diverse lacune.
    Avete provato con il vostro Browser mobile se effettivamente viene mostrato come nell’anteprima di Screenfly?
    Perchè Safari di iPhone mi crea mi scala la larghezza laterale e mostra tutto il contenuto, Screenfly con un semplice iframe credo che non potrà mai farlo.

  5. @DesMM: Infatti sembra che non sempre rieasca a interpretare se la pagina web è ottimizzata, ma se provi con il mio blog, il sito mobile viene aperto in una nuova pagina e non sempre nell’iFrame…

  6. @Matteo grazie non avevo visto :)

    E’ interessante ma come detto da DesMM lavora in maniera approssimativa su alcune visualizzazioni.

    Ale

  7. Christian

    Ottimo tools … peccato che la visualizzazione su iPhone e iPad è completamente sbagliata.

  8. per me e’ inutile…non capisce neache qundo deve mostrare la versione iphone, ipad da me precedentemente ottimizzata. peccato

  9. secondo me non ha senso, fa solo un resize della finestra in base alla risoluzione. Molti device adattano la pagina e qui non succede . Non legge nemmeno l’user agent. Non ci siamo proprio :D con tutto rispetto per chi lo ha fatto

  10. Provato ma……. le immagini non le legge in nessun modo nè tantomeno interpreta i css. Non serve assolutamente a nulla

Commenti