Sta*_*tan 5 javascript xml xslt google-chrome-extension
我正在编写一个 Chrome 扩展程序,它应该动态地将 XSLT 转换应用于某些 XML 文档。只是为了测试,我使用以下 XML 和 XSL 文件:
XML:
<?xml version="1.0" encoding="utf-8" ?>
<WebServiceMessage>
<status>timeout</status>
<message>Nameserver%2520not%2520registered.</message>
<stepName>Finish</stepName>
<stepNumber>11</stepNumber>
<maxStepNumber>11</maxStepNumber>
<percent>100</percent>
<session>2fc0f139b88a800151e5f21b9d747919</session>
</WebServiceMessage>
Run Code Online (Sandbox Code Playgroud)
XSL:
<?xml version="1.0" ?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html><head></head>
<body>
<xsl:apply-templates/>
</body>
</html>
</xsl:template>
<xsl:template match="*">
<xsl:for-each select="*">
<p><b><xsl:value-of select ="name(.)"/></b>:
<span><xsl:attribute name="id"><xsl:value-of select ="name(.)"/></xsl:attribute><xsl:value-of select="."/></span></p>
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>
Run Code Online (Sandbox Code Playgroud)
如果转换在测试 XML 文件本身内部进行链接,则转换正常工作,即通过:
<?xml-stylesheet type="text/xsl" href="message.xsl"?>
Run Code Online (Sandbox Code Playgroud)
扩展应该将相同的 xsl 链接注入到 XML 文件中。
清单.json:
{
"permissions": ["tabs", "<all_urls>"],
"content_scripts":
[
{
"matches": ["<all_urls>"],
"js" : ["contentscript.js"]
}
],
"web_accessible_resources":
[
"message.xsl"
],
"manifest_version": 2
}
Run Code Online (Sandbox Code Playgroud)
内容脚本.js:
<?xml version="1.0" encoding="utf-8" ?>
<WebServiceMessage>
<status>timeout</status>
<message>Nameserver%2520not%2520registered.</message>
<stepName>Finish</stepName>
<stepNumber>11</stepNumber>
<maxStepNumber>11</maxStepNumber>
<percent>100</percent>
<session>2fc0f139b88a800151e5f21b9d747919</session>
</WebServiceMessage>
Run Code Online (Sandbox Code Playgroud)
问题
Chrome 将以下错误输出到控制台:
chrome-extension://ladfinoepkgipbeooknnklpakoknohjh/message.xsl
从带有 URL 的框架加载 URL 的不安全尝试http://localhost/out.xml
。域、协议和端口必须匹配。
如何解决这个问题?我在网上看到一些关于类似错误的报道,这似乎是Chrome中的一个错误。
我也将 xsl 文件放在网络服务器上,并将样式表链接更改为网络服务器。还是一样的错误:
http://localhost/message.xsl
从带有 URL 的框架加载 URL 的不安全尝试http://localhost/out.xml
。域、协议和端口必须匹配。
显然域、协议和端口确实匹配。
这是我目前正在使用的解决方法:
function loadXMLtext(url)
{
xhttp = new XMLHttpRequest();
xhttp.open("GET", url, false);
xhttp.send();
if(xhttp.responseXML == undefined) throw "XHR failed for " + url;
return xhttp.responseXML;
}
function transformxml()
{
var xml = loadXMLtext(document.location.href);
var xsl = loadXMLtext(chrome.extension.getURL("message.xsl"));
var xsltPrs = new XSLTProcessor();
xsltPrs.importStylesheet(xsl);
var result = xsltPrs.transformToFragment(xml, document);
var xmlsrv = new XMLSerializer();
var plaintext = xmlsrv.serializeToString(result);
document.documentElement.innerHTML = plaintext;
}
transformxml();
Run Code Online (Sandbox Code Playgroud)