什么是 Caniuse 以及如何使用它来改进您的网站？

关于成为 Web 开发人员的最好笑话之一是，您将 20% 的时间花在编码上。而另外 80% 的人则在互联网上搜索您遇到的问题的解决方案。如果有点夸张，这也不是非常不真实。感谢像这样的工具 我可以用吗， 那个时间搜索可以大大减少。

https://www.youtube.com/watch?v=TCQuKfJl1kQ

订阅我们的 YouTube 频道

什么是 CanIUse？

使用此工具，您网站上的特定技术是否与特定浏览器兼容的问题在一个简单易读的图表中列出，可以帮助您更轻松地做出设计和开发决策。主要由亚历克西斯·德维里亚并由设计伦纳特学校, 我可以用吗 是一个开源项目，任何人都可以做出贡献，即使是向数据库贡献信息一样小的努力。

使用该工具很简单。通过对属性、参数或特征的简单搜索， caniuse.com 将准确地告诉您哪些浏览器和版本支持该技术。 我可以用吗 还可以让您了解您正在寻找的属性的变体。这样你就知道哪些浏览器支持哪些类型的媒体查询。

以及到什么程度。兼容性图表不仅表明浏览器是否支持该技术，还表明是否支持某些版本的部分兼容性。

为什么要使用 CanIUse？

好吧，对于初学者来说，如果您想为您的客户、顾客和访客提供最佳体验，您应该使用它。在尝试决定是否应该使用悬停效果、透明效果、jquery on-clicks 甚至自动暗模式切换时。

如果您使用您能想到的所有花里胡哨建立一个网站，做出比应用程序更具艺术性的精美设计，那么您已经完成了一些了不起的事情。但是，如果您的主要受众仍然使用 Internet Explorer 6 (不寒而栗)，那么不仅会浪费您的设计和开发时间，还会从根本上破坏您的网站。访问者甚至可能无法在最基本的水平上发挥作用。

不可否认，大多数（但不幸的是并非全部）您的访问者将使用比 IE6 更现代的东西。然而，使用的不同浏览器的数量是巨大的。不同版本的平板电脑、手机和台式机。好吧，值得一看的是您即将推出的网站（或什至您现有的网站）是否符合您的受众的最佳利益）。

如何使用 CanIUse

该网站的工作流程非常简单，而且 UI 非常易于阅读。

看看上面的截图，你可以在搜索字段中输入任何你想要的技术。我们找到了使用您在代码中使用的特定语法的最佳结果。不是语义化的、人类可读的术语。比如在 (1), 偏爱配色方案 代替 暗模式切换 CSS。

说明 我可以用吗 给 (2) 它还使得如果您正在研究一项技术，您可以准确地看到它是什么、它做什么以及它如何与 DOM 交互。

最有用的部分之一 我可以用吗 是个 笔记 (3) 任何特定条目底部的选项卡。它本身不是技术信息，它更多的是提醒您可能有一些您在彩色版本图表中看不到的注意事项。

当您将鼠标悬停在特定浏览器版本上时（让我们以臭名昭著的 Internet Explorer 6 为例），一个弹出窗口 (4) 出现大量信息。该版本的全球总使用量，开发人员是否仍然支持它，以及使用 BrowserStack 模拟测试技术的能力。最后一点很重要。查看不受支持的功能如何呈现可能会向您展示解决问题的方法。

有时笔记 (5) 选项卡还将显示特定类型的功能已被弃用。在上面的示例中，@media 查询已被弃用。因为有一个单独工作的暗模式/亮模式查询。