使用Visual Studio模拟器调试WebGL和HTML5移动体验
这篇文章是从微软的Web开发系列的一部分。 感谢您支持谁使SitePoint可能的合作伙伴。
随着近期的Visual Studio 2015 RTM可用附带的免费的Visual Studio模拟器为Android 。 在这篇文章中，我会告诉你如何测试这些非常快的Android模拟器的WebGL的经验。
首先， 下载的Visual Studio 2015年RTM （如免费的社区版 ），或者直接安装Android模拟器没有Visual Studio的。 然后，阅读介绍Visual Studio的模拟器为Android ，这也解释了这个很酷的仿真器的工作原理和功能的支持。
注：我最近出版的描述文章如何 远程调试和配置文件在Windows Phone HTML5网站和应用程序的性能 。 现在，您可以使用相同的方法来调试Windows Mobile的10和移动边缘与发布 的Windows 10 SDK工具 。
WebGL的测试
一旦安装，就可以启动该工具 ：
并选择您感兴趣的图像：
让我们选择“5“棒棒堂（5.0）XXHDPI手机 -三星Galaxy S4相似”，并按下播放键。 如果这是你推出的仿真器第一次，它会为你配置的Hyper-V网络设置。
一旦启动，启动默认安装的浏览器，并尝试，例如，导航到http://www.babylonjs.com/ ，最好的WebGL的框架日期。 如果您尝试推出我们的一个场景，你会看到一个错误：
事实上， 随这款棒棒糖图像默认的浏览器不支持WebGL。 我们需要在其上安装Chrome。
搜索铬APK的86版本像这样的： 铬43.0.2357.93（86） ，并直接拖放的APK到仿真器。 它应该安装：
但是，如果你再导航到Chrome浏览器相同的URL，你仍然有同样的错误。 这一次，是因为Chrome的尚未启用的WebGL为模拟器，这不是他的白名单中的一部分 。 要强制它，定位到“ 约：标志 ”并启用此选项： Override software rendering list 。
您现在应该能够推出我们的一个场景等我国著名Espilit一幕： http://www.babylonjs.com/index.html?ESPILIT/
在我的第一代联想X1 25 fps的使用简单的HD4000 GPU在Windows 10！ 不坏的一个模拟器！ 很显然，你仍然需要一个真正的设备，以你的WebGL代码基准表演。
更妙的是，因为仿真器是完全支持触摸 ，还可以测试和调试WebGL的经验里面多点触控。 例如，将相机切换到“ 虚拟操纵杆摄像头 ”：
现在，您可以进入，只需触摸你的电脑屏幕使用两个手指的3D场景：
注：为此，我们使用指针事件和我们的HandJS填充工具传播这些事件的触摸事件为Chrome浏览器是不支持指针事件呢。
在Windows电话/手机，WebGL是默认的IE11及EDGE技术。 所以，简单地启动Windows Phone模拟器，然后定位到您的WebGL内容的。
注意：即使网络音频由Chrome浏览器在Visual Studio仿真器内部支持！ 例如，该演示作品在它： http://www.babylonjs-playground.com/index.html?22
与Vorlon.js进一步展望
我们做了Vorlon.js最初简化移动Web开发人员的生活 。 如果你还没有听说过它，随意，看一下我们网站上的视频： http://www.vorlonjs.io/和检查这篇文章： 为什么我们做vorlon.js以及如何用它来远程调试你的JavaScript
让我们首先看一下如何调试您的Android和Windows Phone模拟器层。 举例来说，我目前正在Flexbox的过程中我的业余时间来提高Babylon.js网站播放。 多亏了Modernizr的插件 ，你可以看到，Flexbox的是仿真器支持，你甚至可以查看通过DOM浏览器的布局尺寸：
例如，你在Android模拟器（左）看到“大厦” Flexbox的项目突出，其规模是目前172px x 112px 。
让我们回顾一下在Windows Phone模拟器同一站点（右侧）：
当然，Flexbox的也被IE11移动和。这时候，同样Flexbox的产品目前140px x 91px 。
另一个有趣的特点是互动式控制台 。 有时， 使用WebGL的，很难知道为什么你的代码失败在移动设备上 。 这往往是因为手机的GPU不支持特定的功能，或者因为着色器不能编译。 这是，例如，我们的演示“ 字段/结束的深度 ”的情况。 着色器是Windows Phone的太复杂，你可以简单地使用我们的工具进行验证：
我们有很多其他插件，可以帮助你。我们目前正在增加新的一个走得更远工作。 谁知道，我们也许有一个在不久的将来babylon.js。
多动手用JavaScript
这篇文章是由微软技术传道者的web开发一系列实用的JavaScript学习，开源项目，和互操作性的最佳实践，包括一部分微软边缘浏览器和新的EdgeHTML渲染引擎 。
我们鼓励您跨浏览器和设备，包括微软边缘测试-适用于Windows 10的默认浏览器-与免费工具dev.modern.IE ：
深入微软边缘，距离我们的工程师和传道者的Web平台技术的学习：
- 微软边缘网络峰会2015年 （期待与新的浏览器，支持新的网络平台标准，并从JavaScript社区演讲嘉宾什么的）
- 哇，我可以在Mac和Linux上测试边及IE浏览器！ （从雷伊邦戈）
- 推进的JavaScript不破坏网络 （基督教海尔曼）
- 边缘渲染引擎，使网页只是工作 （从雅各布·罗西）
- 释放出的3D WebGL的渲染 （从大卫Catuhe包括JS和babylonJS项目）
- 托管Web应用程序和网络平台的创新 （从凯文·希尔和基里尔Seksenov包括JS项目）
更多免费的跨平台工具和资源，为网络平台：
From: https://www.sitepoint.com//debug-webgl-html5-mobile-experiences-visual-studio-emulators/