欢迎 Web Awesome，这是最大的、最好的开源 Web 组件库。

入门

在加载 Font Awesome 的环境中发现并防止冲突问题，该环境也可能加载其他版本的 Font Awesome。

冲突检测器使用全局对象 window.FontAwesomeDetection 作为接口，您可以使用它来配置设置、覆盖功能或从您的代码中查询结果。

通过在您的页面中包含一个 <script> 标签来访问它，在加载 conflict-detection.js 的 <script> 之前。将一个对象分配给 window.FontAwesomeDetection，该对象包含您的配置和覆盖。像这样

<html>
  <!-- bunch of stuff -->
  <body>
    <!-- more stuff -->
    <script data-fa-detection-ignore type="text/javascript">
      window.FontAwesomeDetection = {
        timeout: 1000,
        report: function (params) {
          // Do your own reporting here
        }
      }
    </script>

    <script
      type="text/javascript"
      src="https://example.com/fontawesome/v6.5.2/js/conflict-detection.js"
    ></script>
  </body>
</html>

在这个示例中，我们设置了 timeout 值，并且还覆盖了 report() 方法。因此，冲突检测器将在得出是否出现冲突的结论之前，仅等待 1000 毫秒，而不是默认的 2000 毫秒。当它准备报告时，它将调用此 report()，而不是内置的 report 实现。