浏览器兼容性如何检测

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1575 天前的主题，其中的信息可能已经有所发展或是发生改变。

想问问大佬，如何检测浏览器支持 html 某个标签，支持 css 某个样式，支持 js 某个 api 。现在知道可以使用 modernizr 检测 html5 和 css3 。还有其他的吗？

检测

浏览器

modernizr

CSS3

9 条回复 • 2020-08-02 17:22:55 +08:00

li492135501

2020-08-02 11:28:39 +08:00

caniuse 这个网站

JackWolf001

2020-08-02 11:32:57 +08:00 via iPhone

caniuse 有文档吗

Wincer

2020-08-02 11:34:23 +08:00

我一般检测 js 支不支持某函数直接判断它存不存在，比如：object.someFunction && object.SomeFunction()

musi

2020-08-02 11:41:37 +08:00

caniuse.com

mxT52CRuqR6o5

2020-08-02 14:01:38 +08:00 via Android

Css 没有运行时直接检测兼容性的方法吧(我看了下 modernizr 是搞了些 magic)，一般思路是优雅降级或渐进增强
如果是纯样式的 html 标签，直接在 css 里补上样式就能兼容了，如果不是那种纯样式的在 js 里互动一下应该就知道兼不兼容了
Js Api 直接 typeof 判断就是了

silaike

2020-08-02 14:57:41 +08:00 via iPhone

mdn

iNaru

2020-08-02 15:40:19 +08:00

@mxT52CRuqR6o5 有的 https://developer.mozilla.org/en-US/docs/Web/CSS/@supports

mxT52CRuqR6o5

2020-08-02 15:42:22 +08:00 via Android

@iNaru 学到了

liuzhiyong

2020-08-02 17:22:55 +08:00

第一是查资料，写明了哪个版本支持；第二是自己测试，这个费时间，但是最靠谱。