2015-08-16 41 views
0

我正在開發一個網站,我很快將移植到Android,Windows 10和iOS。我使用的是HTML/CSS/Javascript組合,並且我在Visual Studio 2015中作爲新網站開始了該項目。Visual Studio 2015網站開發android模擬器

我能夠測試使用的是我安裝的瀏覽器和Windows Phone 8.1的網站(在Windows 10的仿真器打開,但不會調試由於某種原因)。我希望能夠在Visual Studio中在Android模擬器上測試我的網站。我可以通過開始菜單啓動「Visual Studio Emulator for Android」來啓動Visual Studio以外的許多Android模擬器,但我無法弄清楚如何使用這些進行調試。 「Browse with」菜單中沒有Android模擬器選項,我不完全知道如何添加。

我知道模擬器很可能更多的實際開發Android應用程序,但如果這是可能的,我想這樣做是爲了測試手機瀏覽器的怪癖。謝謝!!

+0

您需要在模擬器中安裝瀏覽器,然後瀏覽到URL。 – SLaks

+0

Android模擬器附帶一個默認瀏覽器,但我不知道如何讓它訪問我的文件系統來測試我的工作。我的桌面瀏覽器會說「localhost」後面跟着一個5位數的號碼,但將其插入到Android瀏覽器中什麼也沒做。想法? –

+0

您需要在該端口上連接到主機的IP地址。 – SLaks

回答

0

由於documented關於Android仿真器網絡,10.0.2.2是允許仿真器連接到本地開發機器的地址。

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

2

你最好的調試混合應用程序(而especifically那些移動設備)的辦法是使用像VorlonJS的工具。以下是關於如何使用它的video + walkthrough

這是什麼?

在TED團隊在微軟的罰款鄉親介紹VorlonJS期間//上週BUILD。 Vorlon是一款開源的,可擴展的,與平臺無關的工具,用於遠程調試和測試JavaScript。由node.js和socket.io提供支持。

我放在一起就如何建立Vorlon一個簡短的視頻教程,並把它調試不在桌面瀏覽器只能運行網絡應用程序,也可流動的。在這種特殊情況下,我在桌面上覆蓋了Firefox和Chrome,在Windows Phone模擬器上覆蓋了IE 11。

要開始,你只需從節點程序包管理器(NPM)用下面的命令安裝運行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運行,並在第二個選項卡,我瞭解它們對我的計算機運行的應用程序的地址從本地主機,看到兩個連接!

+1

看起來您的視頻+漫遊鏈接存在問題。 –

+1

對不起@ RemiDespres - 史密斯,該網站應該工作,但它是一個有點慢,有時做出迴應。這裏是一個替代的鏈接:https://github.com/DaveVoyles/VorlonJSDemoSite –

相關問題