2011-03-07 43 views
1

在編寫程序時,Web界面的一部分以XML格式發送到客戶端,並使用Javascript和XSLT轉換爲HTML片段。這在Firefox(4.0b12)和Opera(10.63)中正常工作,但在Chrome(9.0.597.107)中效果並不如預期。Chrome中XSLT的意外結果

的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> 

預期結果(火狐)

<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>標籤

任何想法我做錯了什麼? (很抱歉沒能過長後)

+0

好問題,+1。看到我的回答,確認問題出在google-chrome上 - 而不是用你的代碼。 :) – 2011-03-07 02:05:03

回答

1

任何想法即時做錯了什麼?

沒什麼,也許除了使用車XSLT處理器(無論谷歌鉻使用)。

我已經測試這種轉變與以下九種不同的XSLT(1.0和2.0)的處理器和從所有這些的結果是正確的:

  • MSXML 3,4,6-

  • 的Altova (XML SPY)

  • .NET(XslCompiledTransform和的XslTransform)

  • 撒克遜(6.5.4和05年9月1日)

  • XQSharp

+0

謝謝。看起來像在Chrome報告錯誤然後 – insertjokehere 2011-03-07 02:06:07

+0

@insertjokehere:不客氣。 – 2011-03-07 02:31:03

+0

如果有人有興趣,錯誤是[這裏](http://code.google.com/p/chromium/issues/detail?id=75110) – insertjokehere 2011-03-07 02:45:55

0

我有同樣的問題。 我覺得問題是,chrome驗證了xslt解析的輸出,並期望周圍的和。如果你把你的身邊的,我認爲這個問題將得到解決(我的作品......)

然後,您可以從結果中剝離標籤,如果你不需要它......

+0

謝謝。我最終用了一種不同的方法來解決這個問題,但我會在將來考慮這一點 – insertjokehere 2011-11-09 04:06:15