Chrome更新与XSLT加载异常
在最近的chrome浏览器更新之后，许多依赖xmlhttprequest加载xslt文档的web应用程序遇到了一个显著的问题。具体表现为，当尝试通过xmlhttprequest获取xslt文件时，原本用于直接获取解析后xml文档的this.responsexml属性不再返回有效的xml文档对象，而是返回一个空的或无效的值。然而，this.responsetext属性仍然能够正常获取到xslt文件的原始文本内容。这意味着，如果应用程序直接依赖responsexml进行xslt处理，就会失败；如果改用responsetext，则需要额外的步骤手动将文本解析为application/xml格式的文档对象，增加了不必要的复杂性。
这个问题似乎源于Chrome对MIME类型处理的内部调整，或者对某些特定响应头在解析为XML文档时的更加严格的校验。当服务器返回的XSLT文件没有明确或被Chrome正确识别为XML MIME类型时，浏览器可能选择不自动解析其为XML文档，从而导致responseXML为空。
解决方案：显式指定MIME类型
针对这一问题，一个简洁而有效的解决方案是利用XMLHttpRequest对象的overrideMimeType()方法。这个方法允许开发者强制浏览器以指定的MIME类型来解析接收到的响应数据，无论服务器实际返回的MIME类型是什么。通过将MIME类型明确设置为"text/xml"，我们可以指示Chrome将接收到的数据视为XML文档进行解析，从而确保responseXML属性能够正确地返回一个已解析的XML文档对象。
示例代码
以下代码片段展示了如何在现有的XMLHttpRequest请求中集成此解决方案：
function loadXSLTDocument(url) {
return new Promise(function (resolve, reject) {
var req = new XMLHttpRequest();
req.open("GET", url);
// 针对旧版IE兼容性处理，如果XSLTProcessor未定义，尝试使用msxml-document
if (typeof XSLTProcessor === 'undefined') {
try {
req.responseType = 'msxml-document';
} catch (e) {
console.error('Error setting responseType for IE compatibility:', e);
}
}
// 核心解决方案：强制Chrome将响应解析为XML
// 这解决了Chrome更新后responseXML为空的问题
req.overrideMimeType("text/xml");
req.onload = function () {
if (req.status >= 200 && req.status < 300) {
// 现在this.responseXML应该能正常获取到解析后的XML文档了
if (this.responseXML && this.responseXML.documentElement) {
resolve(this.responseXML);
} else {
// 如果responseXML仍然无效，但responseText可用，则尝试手动解析
console.warn("responseXML is empty or invalid, attempting to parse responseText.");
try {
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(this.responseText, "application/xml");
if (xmlDoc.documentElement && !xmlDoc.getElementsByTagName("parsererror").length) {
resolve(xmlDoc);
} else {
reject(new Error("Failed to parse XML from responseText."));
}
} catch (e) {
reject(new Error("Error parsing XML from responseText: " + e.message));
}
}
} else {
reject(new Error("Network response was not ok. Status: " + req.status));
}
};
req.onerror = function () {
reject(new Error("XMLHttpRequest failed for URL: " + url));
};
req.send();
});
}在上述代码中，关键的一行是req.overrideMimeType("text/xml");。将其放置在req.open()之后和req.send()之前，可以确保在请求发送并接收到响应时，Chrome会按照text/xml的MIME类型来处理数据，从而正确填充this.responseXML。
注意事项与兼容性
- 浏览器特异性： 这个问题似乎主要影响Chrome浏览器。根据测试，Microsoft Edge等其他浏览器并未出现此问题，它们仍能正常处理XSLT文档的responseXML。这意味着在进行跨浏览器开发时，需要特别关注Chrome的行为。
- 服务器配置： 理想情况下，服务器应为XSLT文件返回正确的MIME类型（例如application/xml或text/xml）。overrideMimeType()方法是客户端的一种补救措施，但如果服务器能够正确配置，可以减少客户端的兼容性处理负担。
- 错误处理： 即使使用了overrideMimeType()，也建议在onload回调中增加对this.responseXML的有效性检查，以应对可能出现的其他解析问题。如果responseXML仍然为空，可以考虑回退到手动解析this.responseText的方法，如示例代码中所示，增加代码的健壮性。
- 安全性： overrideMimeType()方法通常用于处理已知安全来源的数据。在使用时，请确保您信任请求的URL和内容。
总结
Chrome浏览器近期更新导致XMLHttpRequest加载XSLT文档时responseXML为空的问题，可以通过在请求中显式调用req.overrideMimeType("text/xml");来有效解决。这一方法强制浏览器以正确的MIME类型解析响应，从而恢复XSLT文档的正常处理。开发者应在项目中采纳此解决方案，并注意其在不同浏览器间的兼容性差异，以确保Web应用程序的稳定运行。
