Comment simuler un écran de résolution supérieure?
Existe-t-il un moyen pour le navigateur de tester mes sites Web dans des résolutions supérieures à mes écrans?
Par exemple: j'ai un écran 1440 x 900, et je veux tester le site web en 1920 x 1200, 1920 x 1080, etc.
Vous pouvez, corrigez-moi si je me trompe, créez simplement un iframe avec style="desired width & height" et src="your/test.site" comme le seul enfant de <body>. Doit afficher le site comme si la résolution était la largeur/hauteur spécifiée et entraîner des barres de défilement pour l'examiner.
Pas aussi pratique que d'utiliser un tiers, d'avoir à le configurer vous-même, mais a l'avantage de pouvoir tester localement sans connexion Internet.
Cette solution est bien plus rapide que celles proposées ci-dessus:
http://www.infobyip.com/testwebsiteresolution.php
Ce n'est pas aussi polyvalent que Browsershots.org mais c'est beaucoup plus rapide (quelques secondes contre 45 minutes).
Quelques idées:
Utilisez le zoom du navigateur, 1024x768 50% zoom = 2048x1536 résolution simulée, je sais Chrome redimensionne les images et autres. Les choses deviennent difficiles à lire, mais je suppose que vous testez le placement, etc.).
Vous pouvez également utiliser certains programmes de capture d'écran pour prendre des captures d'écran de résolution supérieure à la normale (le tir sur Firefox me permet de le faire, mais a eu des problèmes de mémoire avec des résolutions très élevées et n'est plus gratuit).
Une solution, peut-être exagérée, serait d'utiliser Xvfb : définissez la résolution et la profondeur de couleur souhaitées, chargez votre page dans le (s) navigateur (s) et prenez des captures d'écran.
Essayez viewlike.us ou screen-resolution.com . Ce ne sont pas toutes les résolutions possibles, mais les plus courantes au moins.
Je ne les ai pas essayés mais cela semble assez simple.
Bien que cela ne vous indique pas la résolution exacte de vos tests, vous pouvez utiliser l'outil zoom dans Chrome ou FF pour effectuer un zoom arrière. Cela vous donnera une idée assez précise de ce que le site ressemble à des écrans de plus haute résolution.
Si vous êtes d'accord avec juste voir une capture d'écran statique de votre site, je recommanderais http://browsershots.org/
Ils vous donnent la possibilité de voir des captures d'écran de votre site dans pratiquement n'importe quelle combinaison navigateur/système d'exploitation, y compris la possibilité de spécifier la taille de l'écran, ainsi qu'un tas d'autres options.
Il vaut bien le bookmarking.
IE9 vous permet de redimensionner la fenêtre du navigateur à une taille arbitraire: appuyez sur F12 pour les outils de développement, accédez à Outils | Redimensionnez et choisissez votre taille préférée. Ensuite, utilisez un outil qui peut capturer des fenêtres hors écran si la fenêtre est plus grande que votre écran. This l'article semble indiquer que Snagit peut le faire. Jetez ensuite un œil à la photo capturée.
Vous voudrez peut-être essayer wkhtmltoimage , qui peut prendre des captures d'écran à des résolutions arbitraires.
De plus, dans KDE4, il est possible d'agrandir une fenêtre au-delà de la taille de l'écran. Je pense que je l'ai vu aussi dans Windows 7. Pas sûr des autres OS.