Visual Studio 2015网站开发android模拟器

Question

我正在开发一个网站，很快就会移植到安卓、Windows10和iOS上。我使用了HTML/CSS/Javascript组合，并在Visual Studio 2015中作为一个新网站启动了该项目。

我可以使用我安装的所有浏览器和Windows Phone 8.1 (Windows10模拟器打开，但由于某种原因不能调试)来测试站点。我希望能够在Visual Studio中的Android模拟器上测试我的网站。通过开始菜单启动"Visual Studio Emulator for Android“，我可以在Visual Studio之外启动一些Android模拟器，但我不知道如何使用这些模拟器进行调试。在“浏览”菜单中没有Android模拟器选项，我也不知道如何添加一个。

我知道模拟器可能更多的是为了开发实际的Android应用程序，但如果这是可能的，我想测试一下移动浏览器的怪癖。谢谢！！

Answer 1

调试混合应用程序(尤其是移动设备上的应用程序)的最佳选择是使用VorlonJS这样的工具。这里有一个关于如何使用它的video + walkthrough。

这是什么？

微软TED团队的优秀成员上周在//BUILD期间介绍了VorlonJS。Vorlon是一个开源的、可扩展的、平台无关的工具，用于远程调试和测试您的JavaScript。由node.js和socket.io提供支持。

我整理了一个简短的视频教程，介绍如何设置Vorlon，让它不仅调试运行在桌面浏览器中的web应用程序，还调试运行在移动浏览器中的应用程序。在本例中，我介绍了桌面上的Firefox和Chrome，以及Windows Phone模拟器上的IE11。

要开始，只需使用以下命令从Node Package Manager (NPM)安装run Vorlon：

npm i -g vorlon

然后从NPM调用Vorlon来启动一个express服务器，您就可以进行调试了！

Vorlon

将以下JavaScipt添加到您想要调试的任何web应用程序中，Vorlon将通过您在上一步中启动的Vorlon express服务器与其通信。

<script src="http://localhost:1337/vorlon.js"></script>

在我的浏览器中，我导航到http://localhost:1337/，我可以看到Vorlon正在运行，在第二个选项卡中，我转到我正在从本地主机运行的应用程序的地址，并看到两者都已连接！

Answer 2

作为Android Emulator networking的documented，10.0.2.2是允许模拟器连接到本地开发计算机的地址。

您可能需要在模拟器的浏览器中输入10.0.2.2:64833。