Visual Studio 2015網站開發android模擬器

Question

我正在開發一個網站，不久將移植到Android，Windows 10和iOS。 我正在使用HTML / CSS / Javascript組合，並且在Visual Studio 2015中作為一個新網站啟動了該項目。

我可以使用所有已安裝的瀏覽器和Windows Phone 8.1（打開Windows 10仿真器，但由於某種原因無法調試）測試站點。 我希望能夠在Visual Studio中在Android模擬器上測試我的網站。 通過開始菜單啟動“ Visual Studio Emulator for Android”，我可以在Visual Studio之外啟動許多Android模擬器，但是我不知道如何使用它們進行調試。 “瀏覽方式”菜單中沒有Android模擬器選項，我也不知道該如何添加。

我知道模擬器可能更多是用於開發實際的Android應用程序，但是如果可能的話，我想通過它來測試移動瀏覽器的怪癖。 謝謝！！

Answer 1

調試混合應用程序（尤其是移動設備上的混合應用程序）的最佳選擇是使用VorlonJS之類的工具。 這是有關如何使用它的視頻+演練 。

它是什么？

微軟TED團隊的優秀成員在上周// BUILD期間介紹了VorlonJS。 Vorlon是一個開源的，可擴展的，與平台無關的工具，用於遠程調試和測試JavaScript。 由node.js和socket.io驅動。

我整理了有關如何設置Vorlon的簡短視頻教程，並使其不僅調試在桌面瀏覽器中運行的Web應用程序，而且還調試了移動應用程序。 在這種情況下，我將介紹台式機上的Firefox和Chrome，以及Windows Phone模擬器上的IE 11。

首先，只需使用以下命令從Node Package Manager（NPM）安裝run Vorlon：

npm i -g vorlon

然后從NPM致電Vorlon啟動快速服務器，您就可以開始調試了！

Vorlon

將以下JavaScipt添加到要調試的任何Web應用程序中，Vorlon將通過您在上一步中啟動的Vorlon Express服務器與之通信。

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

在我的瀏覽器中，我導航到http：// localhost：1337 / ，我可以看到Vorlon正在運行，在第二個選項卡中，我將導航到我從本地主機運行的應用程序的地址，並看到兩者已連接！

Answer 2

如有關Android模擬器網絡的文檔所述 ， 10.0.2.2是允許模擬器連接到本地開發計算機的地址。

您可能需要在模擬器的瀏覽器中鍵入10.0.2.2:64833 。