Chrome与Firefox中XSLT transformToDocument输出结果不一致问题排查

这其实是不同浏览器厂商对XSLT规范实现的差异性问题，并不是你的代码写错了。

为什么会出现这个差异？ #

• Firefox的XSLTProcessor.transformToDocument()严格遵循XSL中output method的设置：当指定为xml或text时，会返回带有transformiix:result根节点的XMLDocument；指定为html时返回HTMLDocument，完全贴合你配置的输出类型。
• 而Chrome的实现逻辑更偏向“统一处理”：不管你XSL里设置的output method是什么，它都会默认把转换结果包装成HTMLDocument返回，这是Chrome自身对XSLT转换结果的处理策略，和规范的严格度有差异。

怎么解决这个兼容性问题？ #

这里给你几个实用的处理方案：

1. 改用transformToFragment()替代transformToDocument()

你可以先转换为文档片段，再手动构建XML文档，这样在Chrome里也能拿到标准的XMLDocument：

const processor = new XSLTProcessor();
processor.importStylesheet(xslDoc);
// 创建一个空的XML文档作为容器
const xmlContainer = document.implementation.createDocument('', '', null);
// 转换为片段并导入到XML容器中
const resultFragment = processor.transformToFragment(xmlDoc, xmlContainer);
xmlContainer.appendChild(resultFragment);
// 此时xmlContainer就是标准的XMLDocument了

2. 对返回结果做兼容性判断与转换

如果坚持用transformToDocument()，可以在代码里判断返回的文档类型，针对Chrome的情况做二次解析：

const processor = new XSLTProcessor();
processor.importStylesheet(xslDoc);
let resultDoc = processor.transformToDocument(xmlDoc);

// 处理Chrome返回HTMLDocument的情况
if (resultDoc instanceof HTMLDocument) {
  const parser = new DOMParser();
  // 提取HTML文档的根内容，解析成XML
  resultDoc = parser.parseFromString(resultDoc.documentElement.outerHTML, 'application/xml');
} else {
  // 处理Firefox中带transformiix:result的情况，提取实际内容
  const resultRoot = resultDoc.querySelector('transformiix\\:result, result');
  if (resultRoot && resultRoot.firstChild) {
    resultDoc = resultRoot.firstChild.ownerDocument;
  }
}

3. 检查XSL的output配置细节

虽然影响不大，但可以确认下XSL的output节点有没有额外参数干扰，比如是否设置了media-type="text/html"（如果有的话改成application/xml），不过这对Chrome的行为改变有限，主要还是靠JS层面的兼容性处理。

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