【MathML】MathML各大浏览器兼容性测试

vlambda
2020-04-27

【MathML】MathML各大浏览器兼容性测试

MathML是数学置标语言，是一种基于XML的标准，用来在互联网上书写数学符号和公式的置标语言。它是由万维网联盟的数学工作组提出的。语言规格1.01版于1999年7月公布，2.0版于2001年2月出现。万维网联盟的数学工作组在2003年10月发布了MathML 2.0的第二版，之后又在2010年10月发布了MathML 3.0。

MathML各大浏览器兼容性测试

下边来进行一个MathML在各大主流浏览器中的兼容性问题。事先先准备一段代码：

<!DOCTYPE html><html>
<head> <title>MathML</title></head>
<body>
 <math> <mrow> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> <mo>=</mo> <msup><mi>c</mi><mn>2</mn></msup> </mrow> </math></body>
</html>

将以上代码保存到math.html文件中，以备测试。

Google Chrome浏览器

Google Chrome浏览器的版本是80.0，应该是最新版本。

【MathML】MathML各大浏览器兼容性测试

用浏览器打开math.html，显示效果如下。

【MathML】MathML各大浏览器兼容性测试

FireFox浏览器

FireFox浏览器版本为75.0，也是火狐的最新版本。

【MathML】MathML各大浏览器兼容性测试

同样的，直接打开math.html,显示效果如下。

【MathML】MathML各大浏览器兼容性测试

这个效果就是我们希望的效果。

Edge浏览器

Edge浏览器是windows 10中默认的浏览器。同样的打开math.html。

【MathML】MathML各大浏览器兼容性测试

和谷歌浏览器一样的显示效果。

IE浏览器

IE浏览器测试版本为11.0。

【MathML】MathML各大浏览器兼容性测试

在IE下的显示效果为：

【MathML】MathML各大浏览器兼容性测试

咱们测试了以上几款主流的浏览器，只有火狐浏览器显示出了想要的效果。

解决方法也有，到https://github.com/fred-wang/mathml.css下载对应的js文件，引入即可。

<!DOCTYPE html><html>
<head> <title>MathML</title> <script type="text/javascript" src="mspace.js"></script></head>
<body>
 <math> <mrow> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> <mo>=</mo> <msup><mi>c</mi><mn>2</mn></msup> </mrow> </math></body>
</html>