从我个人(Firefox邪教粉)目前的感受来看,很遗憾已经是了。。。
1、举个简单的例子,明明HTML5原生表单验证可以写的如此简单优雅
<form> test1<input type="number" required onblur="this.form.reportValidity()"> test2<input type="number" max="100" onblur="this.form.reportValidity()"> </form> <!-- this.form.写成this.的话Firefox也可以识别,但不能混写-->
但是在Chrome上会直接卡死
换成checkValidity(),Chrome不会卡死但也不会出现任何警示,而Firefox会出现警示色
为了兼容Chrome,得这么写:
document.querySelector('#report-validity').addEventListener('click', function() { var isValid = document.querySelector('#sample-form').reportValidity(); ChromeSamples.setStatus('The form ' + (isValid ? 'is' : 'is not') + ' valid.'); });
如此啰嗦,我还不如直接用 jQuery写算了 O__O "…
2、不支持MathML
这个功能是在网页上显示各种数学公式:MathML
代码示例:
<math> <mrow> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo>+</mo> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mo>=</mo> <msup> <mi>c</mi> <mn>2</mn> </msup> </mrow> </math>
在Firefox中渲染是酱紫的:
在Chrome中渲染是酱紫的:_(:з」∠)_
Firefox 2就开始支持了,Firefox 2!!! Σ( ° △ °|||)︴
Chrome 24 支持了6个星期以后居然把这个功能给砍了。。。砍了。。。 (;-_-)
有同学肯定会问了,这支持了也没啥用啊,这么复杂的代码怎么写?
这段代码纯手打肯定麻烦,但是可以用公式工具输入啊,再不济还可以鼠绘。。。
所以目前网页上显示数学公式都得多加个图片文件以兼容Chrome。
(另外有回答提到了Chrome45造成版本割裂,原因我猜是由于Chrome46砍了NPAPI,但是现在已经不是问题了,360极速对此做了很大贡献)
3、最可恶的是
把Firefox给带坏了!升57以后各种神拓展全废了!宇宙第一浏览器的头衔永远停在了FF56 (逃