ember-inert-polyfill 是一个为 Ember.js 应用程序提供 inerts 的 polyfill 的 npm 包，目的是解决在旧版本浏览器中无法使用 inerts 的问题。本篇文章将为读者提供该包的使用教程，以及通过一个实际应用的示例来详细说明该包的使用方法。
安装
在使用该包之前，我们需要安装它。通过在命令行中输入以下命令即可完成安装：
npm install ember-inert-polyfill --save-dev
使用
在安装成功后，我们需要在 app.js 中引入该包。可以使用以下代码来引入该包：
import 'ember-inert-polyfill';
引入成功以后，即可在代码中使用 inerts。
示例
下面是一个简单的示例，其中一个带有 inerts 属性的 input 元素将被添加到DOM中。
在 templates/application.hbs 中加入如下代码：
<input type="text" inert>
按照上文所述，在 app.js 中引入 ember-inert-polyfill 包。运行后，在旧版浏览器中，可以看到该 input 元素不能被选择（即已被禁用）。在较新的浏览器中，该 input 元素可以正常使用。
结论
通过上述使用方法以及示例，我们可以知道如何使用 ember-inert-polyfill 包，以解决旧版浏览器中不能使用 inerts 的问题。在实际使用中，只需要在代码中加入 inert 属性即可实现该功能。同时，我们在示例中也可以看到对于不同浏览器对 inerts 的兼容性上仍然有差异，因此建议在实际使用中仍然需要测试和验证。
总结
在本篇文章中，我们介绍了如何使用 ember-inert-polyfill 包，并通过示例代码详细阐述了它的使用方法和原理。通过掌握上述内容，我们可以为我们的代码添加 inerts 属性，从而使得代码在不同浏览器中具有更好的兼容性，更好的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e18a563576b7b1ecb31