如何检查浏览器是否支持material-components-web或MDC-Web

Question

我在网页上实施了MDC-Web，它可以在智能手机上使用Chrome / Firefox。但是，select menu组件不适用于移动设备上的三星浏览器。

我正在寻找一种方法，在我的JavaScript代码中检查浏览器是否支持MDC组件，而不是在每个可用的浏览器上手动检出。

有人知道我该怎么做吗？有可能吗？

Answer 1

要暂时解决您的选择菜单问题，请尝试使用仅限css实现的Material Components Web 0.29.0（或更低版本），它依赖于本机元素：

  <div class="mdc-select">
     <select class="mdc-select__surface" id="demo-select">
        <option value="1">First</option>
        <option value="2" selected>Second</option>
        <option value="3">Third</option>
     </select>
     <div class="mdc-select__bottom-line"></div>
  </div>

在0.29.0之后，他们删除了此实现，但它们是reverting back。

遗憾的是，我不知道是否有资源可以检查浏览器与MDC Web的兼容性。