自定义网页应用

可通过以下方式为Amazon Fire TV自定义网页应用：

此外，对于分辨率为720p的应用，还可按比例增大，从而充分利用Fire TV的高分辨率（1080p）。

提供特定于设备的体验

应用或网页可以读取用户代理字符串以检测特定平台，然后提供特定的用户体验。用户代理字符串可以包括主机操作系统的版本、浏览器的版本和其他信息。Fire TV上网页应用平台的用户代理字符串，与Fire平板电脑上的用户代理字符串几乎相同，但设备型号标识符不同。也可参阅以下信息源：

页面上重点项目的格式，必须清楚说明，按下中央按钮，即可选中。通常不建议采用默认选择指示符（黄色边框和/或蓝色背景），应根据具体应用，按需要选用。要定义样式，开发者应采用CSS focus属性。

button:focus {
    border : #ffffff 2px solid;
    outline : 0;
}

聚焦这些元素时，将显示蓝色高亮背景。某些CSS属性应将其删除；但是，请注意，所采用的任何元素，都应有透明背景，但并非总需要透明背景（例如，输入文本字段）。

*:focus {
    outline:none;
    background-color:rgba(0,0,0,0);
}

有关Amazon Fire TV网页应用设计指南的信息，请参阅设计和用户体验指南。

如需让网页应用自行处理选择高亮或定向导航，只需捕获关键事件并进行使用即可。

Amazon Fire TV应用的分辨率为1080p (1920x1080)。若应用用于720p界面，只能填充显示屏的2/3。在这种情况下，最佳方案是将应用改为适用于1080p。不过，如需模拟720p环境，可在页面内标题中添加下列元标记。

<meta name="viewport" content="initial-scale=1.5, user-scalable=no">

此元标记设置一个视口，表示网页应用页面占用的区域，并将缩放级别设置为150%。结果如下：网页应用内容与720p显示屏上一样，但填充了1080p显示区域。

有关更多信息，请参阅Amazon Fire TV网页应用入门中的“分辨率和页面缩放”部分。

Last updated: 2020年10月29日