modernizr如何与Polyfill结合使用

Modernizr是一个用于检测浏览器功能支持的工具，而Polyfill是用来填补不支持某些功能的浏览器的工具。这两者可以结合使用来确保网站在所有浏览器中都能正常运行。

首先，使用Modernizr检测浏览器功能支持情况，如果某些功能不被支持，可以使用Polyfill来填补这些功能的缺失。例如，如果浏览器不支持HTML5的某些新特性，可以使用对应的Polyfill来实现这些特性。

要将Modernizr和Polyfill结合使用，可以按照以下步骤操作：

1. 使用Modernizr检测浏览器功能支持情况，并根据检测结果决定是否需要使用Polyfill来填补功能缺失。

2. 在需要使用Polyfill的地方引入对应的Polyfill库。可以通过CDN或本地引入Polyfill库。

3. 在引入Polyfill库之前，需要先检测浏览器是否需要该Polyfill。可以使用Modernizr来进行检测，如果浏览器支持该功能，则不需要引入Polyfill。

4. 在引入Polyfill库后，需要初始化Polyfill库，以确保填补的功能生效。

通过以上步骤，可以很好地结合Modernizr和Polyfill来确保网站在所有浏览器中都能正常运行。