webmatrix3.0

I mentioned the Electric Plum Mobile Simulator as a nice way to check your site on an iPhone while using a Windows machine in my post called "Create a great mobile experience for your website today. Please."

我在题为“今天为您的网站创造出色的移动体验。请。 ”的文章中提到， Electric Plum Mobile Simulator是在使用Windows计算机的同时在iPhone上检查您的网站的一种好方法。

Microsoft WebMatrix 2 RC is out this week and has a nice feature included - support for the Electric Plum Mobile Simulator for iPhone and iPad built right in. WebMatrix is Microsoft's lightweight editor for ASP.NET, PHP and node.js, as well the best way to install open source applications. It's a bit of a playground for the team. Features can be tried out in WebMatrix, and if they pop, we can move them into Visual Studio. I've been singing about Electric Plum for months, so I'm happy to see it in WebMatrix.

Microsoft WebMatrix 2 RC将于本周发布，其中包括一个不错的功能-支持内置的iPhone和iPad的Electric Plum MobileSimulator。WebMatrix是Microsoft的ASP.NET，PHP和node.js的轻量级编辑器，也是最好的安装开源应用程序的方法。 对于团队来说这是一个操场。 可以在WebMatrix中试用功能，如果功能弹出，我们可以将其移入Visual Studio。 几个月来我一直在谈论Electric Plum，所以很高兴在WebMatrix中看到它。

Here's how to use the iPhone simulator there, and how to add an iPhone Simulator to Visual Studio 2012 RC's list of browsers manually.

这是在此处使用iPhone模拟器的方法，以及如何将iPhone模拟器手动添加到Visual Studio 2012 RC的浏览器列表中。

First, install WebMatrix 2 RC. You'll want this even if you're going to add Electric Plum to Visual Studio. From the Run menu, select Add new...

首先，安装WebMatrix 2 RC。 即使您要将Electric Plum添加到Visual Studio，也要使用它。 从运行菜单中，选择添加新...

From here, you'll go to the Browser Extension area where you can add not only iPhone and iPad but also the Windows Phone 7 emulator.

从这里，您将转到浏览器扩展区域，您不仅可以添加iPhone和iPad，还可以添加Windows Phone 7模拟器。

Now the Run button has more browsers as a choice. Here I've left the iPhone as the default choice.

现在，“运行”按钮具有更多浏览器可供选择。 在这里，我将iPhone保留为默认选择。

And when I run it, I get the nice Electric Plum iPhone simulation with my current site loaded automatically. (Did you notice that WebMatrix used NuGet to install this feature? All these extensions are buried in C:\Users\YOU\AppData\Local\Microsoft\WebMatrix\Extensions\20RC currently)

当我运行它时，我会得到很好的Electric Plum iPhone模拟，并自动加载当前站点。 (您是否注意到WebMatrix使用NuGet来安装此功能？所有这些扩展当前都埋在C：\ Users \ YOU \ AppData \ Local \ Microsoft \ WebMatrix \ Extensions \ 20RC中)

To add this browser to Visual Studio 2012 RC, go to the new browser button (integrated with the Debug button) while in a web project and select Browse With... and add in C:\Users\YOU\AppData\Local\Microsoft\WebMatrix\Extensions\20RC\iPhoneSimulator\ElectricMobileSim\ElectricMobileSim.exe. For arguments put in 1 for the iPhone.

要将此浏览器添加到Visual Studio 2012 RC，请在Web项目中转到新的浏览器按钮(与“调试”按钮集成)，然后选择“浏览方式...”，然后添加C：\ Users \ YOU \ AppData \ Local \ Microsoft \ WebMatrix \ Extensions \ 20RC \ iPhoneSimulator \ ElectricMobileSim \ ElectricMobileSim.exe。 对于在iPhone中放入1的参数。

Now, make another entry for IPad and use arguments "2" for iPad. Your VIsual Studio 2012 RC menu should now look like this.

现在，为iPad输入另一个条目，并为iPad使用参数“ 2”。 现在，您的VIsual Studio 2012 RC菜单应如下所示。

Now, this is just using the basic version of Electric Plum that you can download inside WebMatrix. You can get a MUCH more functional version for $29.99. It will give you a developer console, GPS support, accelerometer and some additional HTML5 support like local storage, etc. If you're seriously doing iPhone websites on a Windows machine, it's a bargain and you get both iPhone and iPad plus a load of features.

现在，这只是使用可在WebMatrix中下载的Electric Plum的基本版本。 您可以花29.99美元获得功能更强大的版本。 它将为您提供开发者控制台，GPS支持，加速计以及一些其他HTML5支持(例如本地存储等)。如果您正在Windows机器上认真处理iPhone网站，这是很划算的，您可以同时购买iPhone和iPad以及大量的特征。

(NOTE: I am NOT affliated with Electric Plum nor do I sell their products. I just think they are cool folks.)

(注意：我不隶属于Electric Plum，也不出售他们的产品。我只是认为他们是很酷的人。)

Have fun! Do you want to see stuff like this in VS? Tell me in the comments and I'll make sure the right people see your voice!

玩得开心！ 您是否想在VS中看到类似的内容？ 在评论中告诉我，我将确保合适的人看到您的声音！

• Download and Install WebMatrix 2 RC

  下载并安装WebMatrix 2 RC

• Run WebMatrix and from the Run menu select Add New...
  运行WebMatrix，然后从“运行”菜单中选择“添加新...”。

• • Or, see the Electric Plum choices in the WebMatrix Gallery

    或者，在WebMatrix Gallery中查看“电李子”选项

• Download Visual Studio 2012 RC

  下载Visual Studio 2012 RC

• • Hack away, as seen above
    如上所示，砍掉

• Buy Electric Plum's product and tell them they are cool on Twitter!

  购买Electric Plum的产品，并在Twitter上告诉他们他们很酷！

翻译自: https://www.hanselman.com/blog/simulating-an-iphone-or-ipad-browser-for-aspnet-mobile-web-development-with-webmatrix-2-or-visual-studio-2012

webmatrix3.0