javascript - Xbox One 浏览器的 Web 开发指南

Question

我正在开发一个需要通过 Xbox One 浏览器访问的网站，但无法在任何地方找到有关 Web 内容指南或开发规范、要求或其他任何信息。我什至不确定 Xbox One 使用的是哪种浏览器。 IE？边缘？同样，我什至找不到联系信息来联系他们。

我知道 PS4 发布了 this document前一段时间，它说明了其浏览器的局限性。 Xbox One 是否有类似的文档？此外，是否有更广泛的 PS4 信息？

任何人都可以提供有关这些的任何信息吗？

Answer 1

Xbox One 的浏览器运行修改版的 Internet Explorer 10。

This article Microsoft 提供了一份相当全面的 IE 10 和 XBOX One 浏览器差异列表。

还值得注意的是，XBOX One 可以运行 Edge，正如本 SitePoint article 中指出的那样.

只需为这两种浏览器开发，您应该没问题。

XBOX One 的一些通用开发技巧，摘自 Microsoft:

• 鼠标、键盘、触控和 Controller 的设计
• 设计宽度为 1024 像素
• 使用自适应设计CSS 媒体查询或 JavaScript 可用于根据加载页面的设备的属性更改页面布局。在移动设备上，考虑降低图像质量以节省带宽并提高性能。
• 尽量减少窄设备上的水平滚动以提高可读性
• 避免使用插件
• 使用 HTML5 音频和视频 (H.264/AAC/MP3)
• 避免使用弹出窗口

JavaScript 调试可以通过检查 Xbox One 用户代理来实现:

if (/Xbox One/.test(navigator.userAgent)) {
    XBoxOne = true;
}

希望对您有所帮助! :)