使用 Xbox Windows 应用商店应用和 Vorlon.js 在 Xbox One / MS Edge 上调试您的 HTML5

11 月 12 日，Xbox One 推出了新更新。作为一名游戏玩家，我非常喜欢新的仪表板和 Xbox 360 向后兼容性。但作为一名 Web 开发人员，我很高兴我的主机现在可以运行 Microsoft Edge 了！这意味着您现在可以在 Xbox One 浏览器中运行非常现代的内容！

在 Xbox One / MS Edge 上测试您的 HTML5 内容

例如，它支持 WebGL、Web Audio、Gamepad API，您可以在此视频中看到

我们在 Xbox One 上使用了 Babylon.js Mansion 演示。它运行得非常好！我仍然对 Web 标准的美丽感到惊叹。如果您遵循最佳实践，您的代码将在任何地方运行！更好的是，在此视频中，我使用了Xbox Windows 应用商店应用将 Xbox One 的视频输出流式传输到我的 Windows 10 PC。这意味着我可以在不离开座位的情况下在 Xbox One 上测试我的 Web 内容 ;)

借助 Xbox Windows 应用商店应用，您可以从 Windows 10 PC 远程测试 MS Edge Xbox One 浏览器！

在 Xbox One 上畅玩 WebGL Babylon.js Flight Arcade 演示！

借助 Vorlon.js，在 Xbox One 上远程调试您的 HTML5 内容

Vorlon.js 是一个开源的跨平台远程调试工具，旨在轻松地从任何设备远程调试任何网页。让我们在下面的视频中一起看看

只需在 HTML 页面开头添加一个脚本引用，您就可以使用 Vorlon.js 仪表板从任何浏览器远程调试您的网站。在此视频中，我使用 Modernizr 插件检查 Gamepad API 的支持情况，使用交互式控制台检查潜在错误并执行 JavaScript 在 Xbox One 上运行，最后使用 DOM 浏览器更新 HTML 和一些 Flexbox 属性。同样，使用 Xbox Windows 应用商店应用对于实时调试页面非常有用。只需将其固定在左侧，然后将 Vorlon.js 仪表板固定在右侧。更好的是，在您的 Windows 10 PC 上使用多个屏幕

我绝对更加确信 Web 标准和WebGL 为游戏行业提供了巨大的新机遇！我在上一篇文章中讨论过这一点：Web：下一个游戏前沿？它似乎真的开始成为现实。 ;-)

更多 Web 开发实践

本文是 Microsoft 传教士和工程师关于实用 JavaScript 学习、开源项目和互操作性最佳实践的网络开发系列文章的一部分，其中包括 Microsoft Edge 浏览器和新的 EdgeHTML 渲染引擎。

我们鼓励您使用 dev.microsoftedge.com 上的免费工具，跨浏览器和设备（包括 Windows 10 默认浏览器 Microsoft Edge）进行测试。

• 扫描您的网站是否存在过时库、布局问题和可访问性问题
• 下载适用于 Mac、Linux 和 Windows 的免费虚拟机
• 查看包括 Microsoft Edge 路线图在内的各浏览器 Web 平台状态
• 在您自己的设备上远程测试 Microsoft Edge

我们工程师和布道者的更深入的学习

• 互操作性最佳实践（系列）
  • 如何避免浏览器检测
  • 使用 CSS 前缀的最佳实践
  • 保持您的 JS 框架和库更新
  • 构建无插件的 Web 体验
• GitHub 上的编程实验室：跨浏览器测试和最佳实践
• 哇，我可以在 Mac 和 Linux 上测试 Edge 和 IE！（作者：Rey Bango）
• 在不破坏 Web 的情况下推进 JavaScript（作者：Christian Heilmann）
• 使用 WebGL 和 Microsoft Edge 释放 3D 渲染（作者：David Catuhe）
• 托管 Web 应用和 Web 平台创新（作者：Kiril Seksenov）

我们的社区开源项目

• vorlon.JS（跨设备远程 JavaScript 测试）
• manifoldJS（部署跨平台托管 Web 应用）
• babylonJS（轻松实现 3D 图形）

更多免费工具和后端 Web 开发内容

• Visual Studio Code（适用于 Mac、Linux 或 Windows 的轻量级代码编辑器）
• Visual Studio Dev Essentials（免费的基于订阅的培训和云服务）
• 使用 Azure Cloud 免费试用，使用 Node.JS 编码