再放大招！可视化浏览器兼容性

大家好，我是恺哥。今天给大家分享一个很有想法的工具。

浏览器兼容性其实一直是前端开发者很头疼的一件事情，一旦用户用了版本较低的浏览器，那么一些好用但是较新的功能就会不被支持。

遇到这种情况的时候一般我们会使用 caniuse^[1] 这个网站查看兼容性。

但是实际上我们并不完全知道随着浏览器版本的更迭，到底有哪些特性是能被使用的，此时如果能有个可视化工具的话，我们也许就能更好的解决浏览器兼容问题。

今天笔者在 Twitter 上发现 Anthony Fu 做了个新玩意，以下是一段展示视频：

大家可以在视频中发现，随着浏览器版本的降低，右侧的不少 CSS 属性都被置灰了，相应左侧部分也展示整个页面的具体呈现情况。

虽然这个产品目前来看还相当简陋，但是后续功能丰富起来的话，我认为应该会是一个相当不错的工具。

目前该项目还没有正式发布，发布以后笔者会去第一时间试用一下，大家也可以关注一波。

引用链接

[1] caniuse: https://caniuse.com/