有没有显示浏览器特定块的选项答案

【问题标题】：Is there any option to show browser specific block有没有显示浏览器特定块的选项
【发布时间】：2019-08-02 08:06:58
【问题描述】：

您好，我想在具体4 8.5.1 CMS 中显示取决于浏览器的块一旦块将有 GIF 和其他将有 AV1 视频。但由于并非所有浏览器都支持 AV1，我想显示 gif，而支持的浏览器将隐藏 GIF 并显示 AV1。 PHP版本是7.3

【问题讨论】：

似乎@Telmo Dias 的回答适用于 chrome 和 firefox，但 .ie for IE 不起作用。它需要将 css 应用于 .gecko，它是用于 Firefox 的。我正在使用 IE 11。是否有任何其他脚本可以更准确地识别浏览器？除了rafael.adm.br/css_browser_selector这个脚本
这是一个已经被充分辩论和记录的问题。请参考这两个答案：stackoverflow.com/questions/9847580/… 和 stackoverflow.com/questions/2400935/…

【解决方案1】：

尝试使用modernizr 检测重现视频所需的浏览器功能：

Modernize 在您检查的每个功能上为您提供 true 或 false，例如您可以检查 html5video，如果为 true，则将 class .active 添加到视频容器，如果不将 .active 添加到 gif 容器。

【讨论】：

【解决方案2】：

在不知道您的代码的情况下，根据您发布的特定浏览器选择器示例，我建议采用以下方法。假设 IE 不支持视频，而 chrome 支持，并且您有 2 个单独的容器，其中 class="gif" 用于带有 gif 的容器，class="video" 用于带有视频的容器：

.video {
  display: none;
}
.gif {
  display: none;
} 
.ie .gif {
  display: inline-block;
}
.chrome .video {
  display: inline-block;
}

【讨论】：