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

Question

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

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

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

Answer 1

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

  <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 的兼容性。

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

How to check if material-components-web or MDC-Web is supported by a browser

material-design

material-components

material-components-web