5

我正在编写一个 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>

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>

如果转换在测试 XML 文件本身内部链接，则转换正常工作，即通过：

<?xml-stylesheet type="text/xsl" href="message.xsl"?>

扩展应该将相同的 xsl 链接注入 XML 文件。

清单.json：

{
  "permissions": ["tabs", "<all_urls>"],
  "content_scripts":
  [
    {
      "matches": ["<all_urls>"],
      "js" : ["contentscript.js"]
    }
  ],
  "web_accessible_resources":
  [
    "message.xsl"
  ],
  "manifest_version": 2
}

内容脚本.js：

(function()
{
  if(document.xmlVersion != null)
  {
     var e = document.createProcessingInstruction(
               "xml-stylesheet",
               "type='text/xsl' href='" + chrome.extension.getURL("message.xsl") + "'");
     document.insertBefore(e, document.firstChild);
  }
})();

问题

Chrome 将以下错误输出到控制台：

chrome-extension://ladfinoepkgipbeooknnklpakoknohjh/message.xsl从带有 URL 的框架加载 URL 的尝试不安全http://localhost/out.xml。域、协议和端口必须匹配。

如何解决这个问题？我在网上看到了一些与类似错误相关的报告，这似乎是 Chrome 中的一个错误。

我也将 xsl 文件放在网络服务器上，并将样式表链接更改为网络服务器。还是一样的错误：

http://localhost/message.xsl从带有 URL 的框架加载 URL 的尝试不安全http://localhost/out.xml。域、协议和端口必须匹配。

显然域、协议和端口确实匹配。

4

3 回答 3

1

这是我目前正在使用的解决方法：

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();
于 2013-01-05T20:15:31.617 回答
0

您要求网页处理其域之外的资源。您可以尝试通过 localhost “欺骗”浏览器，但这与要求 facebook 从 google 执行脚本相同。这是一个同源策略错误，要解决它只需将处理从内容脚本移动到背景/事件页面。您需要在处理后传递结果，但这是正确的方法。

大多数处理应该在后台/事件页面中完成的另一个原因是为了优化您的扩展，否则您只是使用当前window引擎，如果它阻塞，那么它会为用户执行选项卡。

于 2013-01-05T17:54:41.407 回答
0

您可以使用 Chrome 的命令行标志在本地执行此操作。

具体标志是--allow-file-access-from-files

On OS X: from Terminal.app run /Applications/Google\ Chrome.app/contents/MacOS/Google\ Chrome --allow-file-access-from-files

On Windows: from the command prompt run C:\Users\USERNAME\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files (replacing USERNAME with your username)

注意：如果 Chrome 当前正在运行，您可能必须退出会话。确保这一点。

于 2015-04-06T16:15:56.447 回答