11、HTML5游戏开发：Polyfills、游戏构建与API应用

HTML5游戏开发：Polyfills、游戏构建与API应用

1. Polyfills与Modernizr

1.1 Polyfills概述

在使用HTML5特性时，我们不必花费时间编写自己的健壮的polyfill。因为已有数百名开发者在这方面做了大量工作，并与社区共享了他们的成果。虽然没有一个单一的JavaScript导入能神奇地让所有浏览器完全支持HTML5，但有许多单独的项目可供使用。如果想使用某个特定元素，只需导入相应的polyfill。通过简单的Google或Bing搜索所需的特定功能，就能快速找到合适的polyfill。

1.2 Modernizr工具

Modernizr是一个值得一提的JavaScript库。它会检查加载它的页面，检测用户浏览器中可用的HTML5特性。这样，我们可以轻松检查某个特定API是否可用，并相应地采取行动。

目前版本的Modernizr允许我们测试特定的API或特性，并在测试结果为阳性或阴性时加载特定的polyfill，这使得在需要时添加polyfill变得轻松简单。此外，Modernizr还包含HTML5 Shiv，这是一段很小的JavaScript代码，它允许我们在不识别HTML5语义标签的浏览器中使用这些标签。不过，它不会添加标签的实际功能，只是允许我们通过CSS对这些标签进行样式设置。

以下是其工作流程的mermaid流程图：

graph TD;
    A[页面加载Modernizr] --> B[检测HTML5特性];
    B --> C{特定API是否可用};