MDN 检查属性

简介

MDN 检查属性（MDN Compatibility Data）是由 Mozilla 开发的一个网站，用于提供 Web 技术标准的兼容性数据，供开发者在开发 Web 应用时参考使用。该网站的兼容性数据涵盖了各种浏览器的版本，多种操作系统及设备，以及多种标准规范的实现程度。

使用 MDN 检查属性，开发者可以轻松地查阅一个属性在各种浏览器及版本中的兼容性情况，快速了解一个属性是否可用、何时被引入以及在哪些版本中被删除或更改等。

特性

• 提供全面的 Web 技术标准的兼容性数据，涵盖多种浏览器、设备及标准规范。
• 数据更新及时，保证准确性和实时性。
• 易于使用，提供搜索功能，快速找到所需属性的相关信息。
• 可与其他开发工具无缝结合，方便集成到开发工作流中。

示例

以下代码展示了如何使用 MDN 检查属性获取属性的兼容性数据：

const property = 'flex';
const compatibilityData = MDN.compatibilityData;
const browserCompat = compatibilityData['css.properties'][property].__compat.support;

// 遍历所有浏览器及其支持情况
for (const browser in browserCompat) {
  console.log(`${browser}: ${browserCompat[browser].version_added} - ${browserCompat[browser].version_removed}`);
}

参考资料

• MDN 检查属性官网
• MDN Web 技术文档