为何Chrome可解析XML字符串，Firefox却抛出格式错误？

问题核心 #

你的XML字符串在Chrome中通过parseXML(doc)可正常解析，但Firefox触发格式错误，主要原因集中在页面声明干扰、解析函数兼容性不足或XML格式不规范这几点。

具体修复步骤 #

1. 删除页面开头的XML声明 #

HTML5文档无需在<!DOCTYPE html>前添加<?xml version="1.0" encoding="utf-8"?>，该声明会干扰Firefox的文档解析逻辑，直接删除即可。修改后的页面头部开头应为：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <!-- 其余meta标签与样式代码 -->
</head>

2. 替换为跨浏览器兼容的XML解析函数 #

如果你的parseXML是自定义函数，大概率未适配Firefox的解析逻辑，改用标准DOMParser实现跨浏览器兼容：

function parseXML(xmlString) {
    let xmlDoc;
    // 适配Firefox、Chrome等现代浏览器
    if (window.DOMParser) {
        const parser = new DOMParser();
        xmlDoc = parser.parseFromString(xmlString, "text/xml");
        // 检测解析错误并抛出提示
        const errorNode = xmlDoc.querySelector("parsererror");
        if (errorNode) {
            throw new Error(`XML解析失败: ${errorNode.textContent.trim()}`);
        }
    } else {
        // 兼容旧版IE
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = false;
        xmlDoc.loadXML(xmlString);
    }
    return xmlDoc;
}

3. 确保XML字符串符合严格规范 #

Firefox的XML解析器比Chrome更严格，需保证你的XML满足以下要求：

• 所有标签必须闭合（如<marker>需对应</marker>，自闭合标签需写成<marker/>）
• 属性值必须用双引号或单引号包裹（如name="test"，不能是name=test）
• 特殊字符需转义（如&转成&，<转成<）
• 仅存在一个根标签，不能有多个顶级标签

4. 修正meta标签的charset格式 #

页面头部content-type标签中，charset后的分号属于冗余内容，修正为：

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

内容的提问来源于stack exchange，提问作者Paul Beard