浏览器支持¶
Material for MkDocs 竭尽所能支持尽可能多的浏览器,同时通过现代 CSS 特性如 custom properties 和 mask images 保持最简单的自定义可能性。
支持的浏览器¶
下表列出了 Material for MkDocs 提供全面支持的所有浏览器,因此可以假设所有功能在这些浏览器中都能正常工作。如果您发现某个功能在支持的浏览器版本中显示不正常,请 open an issue:
| 浏览器 | 版本 | 发布日期 | 使用率 | ||
|---|---|---|---|---|---|
| 桌面 | 移动 | 总体 | |||
| Chrome | 49+ | 03/2016 | 25.65% | 38.33% | 63.98% |
| Safari | 10+ | 09/2016 | 4.63% | 14.96% | 19.59% |
| Edge | 79+ | 01/2020 | 3.95% | n/a | 3.95% |
| Firefox | 53+ | 04/2017 | 3.40% | .30% | 3.70% |
| Opera | 36+ | 03/2016 | 1.44% | .01% | 1.45% |
| 92.67% |
浏览器支持矩阵来源于 caniuse.com.1
请注意,使用数据基于全球浏览器市场份额,因此对于您的目标用户群体可能完全不同。检查用户中浏览器类型和版本的分布是个好主意。
其他浏览器¶
尽管您的网站在现代浏览器中看起来更完美,但以下旧版浏览器可能在额外努力下仍能正常工作:
- Firefox 31-52 – 由于缺乏对 mask images 的支持,图标将呈现为小方块。虽然这无法通过 polyfill 解决,但可以通过完全隐藏图标来缓解。
- Edge 16-18 – 由于缺乏对 :is pseudo selector 的支持,某些元素的间距可能会有些不正常,这可以通过额外的努力来缓解。
- Internet Explorer - 不支持,主要是由于缺乏对 custom properties 的支持。支持 Internet Explorer 的最后一个版本是 4.6.3。
-
数据收集自 caniuse.com,时间为 2022 年 1 月,主要基于浏览器对 custom properties、mask images 和 :is pseudo selector 的支持,这些特性并不完全可 polyfill。市场份额累计低于 1% 的浏览器未被考虑,但仍可能部分或完全支持。 ↩