Simulation d’un navigateur iPhone ou iPad avec WebMatrix 2 ou Visual Studio 2012

Microsoft WebMatrix est un outil gratuit de développement Web pour ASP.NET, PHP, et node.js. Il supporte de nombreux sites Open Source (WordPress, Joomla!, phpBB, etc.) grâce à sa galerie d’applications à télécharger.
Vous pouvez retrouver plus d’informations sur WebMatrix en regardant les vidéos suivantes :

• Vishal Kicks off the Week of WebMatrix 2
• Coding PHP in WebMatrix 2 with Thao Doan
• Coding Node.js in WebMatrix 2
• Faith Allington Does WordPress in WebMatrix and Deploys into Windows Azure Web Sites

De cours tutoriels en vidéo sont également disponibles sur Youtube.

Une galerie d’extensions permet l’ajout de fonctionnalités supplémentaires, parmis lesquelles le support de la visualisation de sites Web sur appareils mobiles à travers les simulateurs iPhone et iPad de la société Electric Plum et l’émulateur Windows Phone 7 du SDK de Microsoft.

Dans le menu déroulant du bouton Run sélectionnez "Add new...".

La galerie d'extensions apparait. Vous pouvez maintenant installer les extensions souhaitées. Celles-ci sont installées dans le répertoire C:\Users\VOTRECOMPTE\AppData\Local\Microsoft\WebMatrix\Extensions\20.

Les simulateurs apparaissent ensuite dans le menu Run.

Vous avez désormais la possibilité de visualiser votre site Web au sein du simulateur iPhone ou iPad.

Simulateur iPhone:

Simulateur iPad:

Une fois ces extensions installées, il est possible de les référencer dans Visual Studio 2012 (VS 2010 fonctionne aussi).
Pour cela, dans le menu déroulant du bouton de debug présent dans les projets Web, sélectionnez "Browse With...".

Saisissez le chemin C:\Users\VOTRECOMPTE\AppData\Local\Microsoft\WebMatrix\Extensions\20\iPhoneSimulator\ElectricMobileSim\ElectricMobileSim.exe pour le champ programme et "1" pour le champ argument.

Pour le simulateur iPad saisissez le chemin C:\Users\VOTRECOMPTE\AppData\Local\Microsoft\WebMatrix\Extensions\20\iPadSimulator\ElectricMobileSim\ElectricMobileSim.exe pour le champ programme et "2" pour le champ argument.

Les nouvelles entrées apparaissent dans le menu de sélection du navigateur.

Les émulateurs iPhone et iPad sont des versions allégées et gratuites de ceux disponibles dans le produit Electric Mobile Studio de la société Electric Plum.

Ps: Si au lancement vous avez un message d’erreur concernant Adobe AIR, un tour sur la partie support pourrait vous être utile.