web-dev-qa-db-fra.com

Comment tester mon site Web sur des appareils mobiles

J'aimerais développer mes sites Web en pensant aux appareils mobiles.

Cependant, comme je suis novice en développement Web, je ne sais pas exactement comment procéder pour tester mes sites Web sur un iPhone, par exemple, lorsque le site Web n'est pas en ligne.

Est-ce que quelqu'un sait comment je voudrais tester un site Web sur ma machine locale sur mon iPhone/iPad?

1
user62134

Une des solutions les plus élémentaires consiste à tester cela dans votre navigateur (chrome/firefox). Ces navigateurs vous permettent de définir la résolution de l’écran et d’émuler n’importe quel appareil.

Dans Firefox, vous pouvez accéder aux outils de développement en cliquant avec le bouton droit de la souris sur la page et en sélectionnant "Inspecter l'élément". Il y a ensuite un bouton pour voir les tailles de mobiles:

enter image description here

1
abhinsit

Ici, vous venez de Google, cela vous permet de tester votre site Web dans toutes les tailles et orientations possibles de l'appareil.

http://g.co/design/resizer

Mais vous aurez malheureusement besoin d'héberger votre site Web, ce sera donc l'URL idéale.

En ce qui concerne les tests hors ligne, vous pouvez utiliser la vue en direct entre crochets

1
Erik Thiart