Question

在我正在编写的程序中，Web界面的一部分以XML格式发送到客户端，并使用Javascript和XSLT转换为HTML片段。这在Firefox（4.0b12）和Opera（10.63）中运行良好，但在Chrome（9.0.597.107）中，结果并不像预期的那样。

XSLT

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" indent ="yes"/>
  <xsl:template match ="/">
    <xsl:for-each select="queue/download">
      <xsl:choose>
        <xsl:when test="status='downloadError'">
          <xsl:variable name="rowClass">ui-state-error</xsl:variable>
          <xsl:variable name="iconClass">ui-icon ui-icon-alert</xsl:variable>
          <xsl:call-template name="download">
            <xsl:with-param name="iconClass" select="$iconClass"/>
            <xsl:with-param name="rowClass" select ="$rowClass"/>
          </xsl:call-template>
        </xsl:when>
        <xsl:when test="status='downloadRunning'">
          <xsl:variable name="rowClass">ui-state-highlight</xsl:variable>
          <xsl:variable name="iconClass">ui-icon ui-icon-refresh</xsl:variable>
          <xsl:call-template name="download">
            <xsl:with-param name="iconClass" select="$iconClass"/>
            <xsl:with-param name="rowClass" select ="$rowClass"/>
          </xsl:call-template>
        </xsl:when>
        <xsl:when test="status='downloadComplete'">
          <xsl:variable name="rowClass">downloadComplete</xsl:variable>
          <xsl:variable name="iconClass">ui-icon ui-icon-circle-check</xsl:variable>
          <xsl:call-template name="download">
            <xsl:with-param name="iconClass" select="$iconClass"/>
            <xsl:with-param name="rowClass" select ="$rowClass"/>
          </xsl:call-template>
        </xsl:when>
        <xsl:otherwise>
          <xsl:variable name="rowClass" select ="status" />
          <xsl:variable name="iconClass"/>
          <xsl:call-template name="download">
            <xsl:with-param name="iconClass" select="$iconClass"/>
            <xsl:with-param name="rowClass" select ="$rowClass"/>
          </xsl:call-template>
        </xsl:otherwise>
      </xsl:choose>

    </xsl:for-each>
  </xsl:template>

  <xsl:template name="download">
    <xsl:param name="rowClass"/>
    <xsl:param name="iconClass" />
    <xsl:variable name="id" select ="id"/>
    <xsl:variable name="filename" select ="filename"/>
    <xsl:variable name="comment" select ="comment"/>
    <tr class="{$rowClass}">
      <td class="downloadCheck">
        <input type="checkbox" class="downloadCheckbox" value="{$id}" name="downloadCheckbox"/>
      </td>
      <td class="downloadIcon">
        <span class="{$iconClass}"></span>
      </td>
      <td class="downloadName">
        <a href="#" onclick="showDownloadCommentBox('{$id}','{$filename}', '{$comment}');">
          <xsl:value-of select="filename"/>
        </a>
      </td>
      <xsl:if test="status='downloadError'">
        <td class="dError" colspan="4">
          <xsl:value-of select ="errortext"/>
        </td>
      </xsl:if>
      <xsl:if test ="status!='downloadError'">
        <xsl:variable name="progress" select ="progress"/>
        <td class="downloadProgress">
          <div class="jqProgress" value="{$progress}"></div>
        </td>
        <td class="downloadTimeLeft">
          <xsl:value-of select ="timeremaining"/>
        </td>
        <td class="downloadSize">
          <xsl:value-of select ="size"/>
        </td>
        <td class="downloadSpeed">
          <xsl:value-of select ="speed"/>
        </td>
      </xsl:if>
    </tr>
  </xsl:template>
</xsl:stylesheet>

XML

<queue>
   <name>test</name>
   <renderer>downloadQueue</renderer>
   <xsl>/xslt/downloadQueue.xslt</xsl>
   <status>suspended</status>
   <startMode>manual</startMode>
   <downloadDirectory>C:\Users\William\Programming\SCRAMDownloader\Trunk\bin\</downloadDirectory>
   <download>
       <filename>test.zip</filename>
       <progress>0.00%</progress>
       <speed>-</speed>
       <timeremaining>-</timeremaining>
       <status>downloadSuspended</status>
       <size>119.68 MB</size>
       <id>8976170e-1f4b-4b79-8901-5a4191e2c07d</id>
       <comment/>
   </download>
</queue>

预期结果（Firefox）

<tr class="downloadSuspended">
    <td class="downloadCheck"><input type="checkbox" class="downloadCheckbox" value="8976170e-1f4b-4b79-8901-5a4191e2c07d" name="downloadCheckbox"></td>
    <td class="downloadIcon"><span class=""></span></td>
    <td class="downloadName"><a href="#" onclick="showDownloadCommentBox('8976170e-1f4b-4b79-8901-5a4191e2c07d','test.zip', '');">test.zip</a></td>
    <td class="downloadProgress"><div class="jqProgress ui-progressbar ui-widget ui-widget-content ui-corner-all" value="0.00%" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 0%;"></div></div></td>
    <td class="downloadTimeLeft">-</td>
    <td class="downloadSize">119.68 MB</td>
    <td class="downloadSpeed">-</td>
</tr>

Chrome中的结果

<input type="checkbox" class="downloadCheckbox" value="8976170e-1f4b-4b79-8901-5a4191e2c07d" name="downloadCheckbox">
<span class=""></span>
<a href="#" onclick="showDownloadCommentBox('8976170e-1f4b-4b79-8901-5a4191e2c07d','test.zip', '');">test.zip</a>
<div class="jqProgress ui-progressbar ui-widget ui-widget-content ui-corner-all" value="0.00%" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 0%; "></div></div>
-
119.68 MB
-

请注意丢失的<tr>和<td>代码

任何想法我做错了什么？ （为过长的帖子道歉）

Answer 1

任何想法我做错了什么？

没什么，除了可能使用有缺陷的XSLT处理器（google-chrome使用的任何东西）。

我已经使用以下九种不同的XSLT（1.0和2.0）处理器测试了这种转换，并且所有这些处理器的结果都是正确的：

MSXML 3,4,6
ALtova（XML SPY）
.NET（XslCompiledTransform和XslTransform）
Saxon（6.5.4和9.1.05）
XQSharp

Answer 2

我遇到了同样的问题。我猜想问题是chrome验证了xslt解析的输出并期望围绕和。如果你把它放在身边，我认为这个问题会解决（对我有用......）

如果您不需要，可以从结果中剥离标记...

Chrome中的XSLT出乎意料的结果

2 个答案: