PDA

View Full Version : Testare visualizzazione mobile del sito da PC


Bestseller
12-07-2013, 10:50
Buongiorno.
Sono un principiante e sto creando un sito con XHTML 1.0 Strict e CSS 2.1. Volevo sapere se conoscevate un modo per simulare da PC la visualizzazione del sito da parte di uno smarthphone.
Vi ringrazio.

OoZic
12-07-2013, 11:16
1 google
2 "responsive test website"

http://mattkersley.com/responsive/
http://responsivetest.net/

banalmente puoi resizare la finestra e magari con una estensione (chrome) del genere puoi usare le risoluzioni più comuni dei dispositivi mobile
https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

oppure questa estensione
https://chrome.google.com/webstore/detail/responsive-inspector/memcdolmmnmnleeiodllgpibdjlkbpim

se ti serve simulare anche l'user agent credo ci sia browserstack che fa al caso tuo:
http://www.browserstack.com/

idoido
12-07-2013, 12:26
un'altra possibilità è quella di installare sul proprio pc gli emulatori di android o windows phone e aprire il sito all'interno del device emulato.

Per iphone per fare la stessa cosa dovresti avere un mac

Bestseller
12-07-2013, 14:12
Grazie mille! :) Sono in debito!

__ZERO_UNO__
12-07-2013, 15:08
Se ti interessa solo fare tests con viewports di diverse dimensioni e simulare touchscreens(single o multi touch) o user agents ecc, ogni browser moderno come Chrome, Firefox, Opera 15, Safari ha gli strumenti adatti già al suo interno.
Per esempio con Chrome devi aprire Developer Tools (ctrl o cmd + alt + j), click sull'icona rotella in basso a destra, nel pannello a sinistra scegli Overrides. Lì trovi tutte le opzioni per fare questi test.

Su Firefox premi ctrl o cmd + alt + k, dal riquadro che appare premi l'icona in alto a destra. Dopodiché potrai scegliere la risoluzione e l'orientamento dello schermo.

Per ulteriori informazioni su come usare questi strumenti è opportuno consultare la documentazione del rispettivo browser, sotto strumenti per sviluppatori.