今天收到一个客户的产品反馈:设备详情页在其他浏览器上可以正常显示,但是到了火狐上就不能显示数据。
由于设备使用的代码比较老,之前没接触过,所以只能根据火狐浏览器的开发者工具来一步步调试,最后发现是 ActiveXObject 对象
的问题,于是乎尝试了几种方法,最终解决了兼容性问题,代码如下:
function getXmlDoc (xmlFile) {
var xmlDoc = null;
var activeXNameList = ["MSXML2.DOMDocument.6.0", "MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0", "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument", "Microsoft.XMLDOM", "MSXML.DOMDocument"];
//兼容IE,注意IE11不能再用window.ActiveXObject或者document.all判断
if (window.ActiveXObject) {
for (var i = 0; i < activeXNameList.length; i++) {
try {
xmlDoc = new ActiveXObject(activeXNameList[i]);
} catch (e) {
continue;
}
if (xmlDoc) {
xmlDoc.async = false;
xmlDoc.load(xmlFile);
break;
}
}
} else if (document.implementation && document.implementation.createDocument) {//兼容火狐
try {
xmlDoc = document.implementation.createDocument('', '', null);
xmlDoc.async = false;
xmlDoc.load(xmlFile);
} catch (e) {
var xmlhttp = new window.XMLHttpRequest();
xmlhttp.open(xmlFile, false);
xmlhttp.send(null);
xmlDoc = xmlhttp.responseXML;
}
} else {
console.log("load data error");
}
return xmlDoc;
}