Функция документа XSLT не работает в хроме

Ответ 1

Это известная проблема и открыта с 2009 года. Также у команды Chrome нет никаких планов по ее исправлению, они планируют удалить ее из хрома (не уверен, когда). Но есть один способ обхода проблемы. преобразуйте ваши xml-данные в xslt, а затем вы можете импортировать их в таблицу стилей.

поэтому код javaScript останется таким же.

foo/b.xml станет foo/b.xslt

 <?xml version="1.0" encoding="UTF-8"?>
 <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:template name="dropdowns">
    <xsl:param name="listname"/>
    <xsl:param name="value"/>
    <xsl:choose>
        <xsl:when test="$listname='xyz'">
            <xsl:call-template name="option">
                <xsl:with-param name="value">I</xsl:with-param>
                <xsl:with-param name="label">Info</xsl:with-param>
                <xsl:with-param name="selectedValue" select="$value"/>
            </xsl:call-template>
            <xsl:call-template name="option">
                <xsl:with-param name="value">C</xsl:with-param>
                <xsl:with-param name="label">Category</xsl:with-param>
                <xsl:with-param name="selectedValue" select="$value"/>
            </xsl:call-template>
        </xsl:when>

    </xsl:choose>
 </xsl:template>

 <xsl:template name="option">
    <xsl:param name="label"/>
    <xsl:param name="value"/>
    <xsl:param name="selectedValue"/>
    <option value="{$value}">
        <xsl:if test="$value = $selectedValue">
            <xsl:attribute name="selected">selected</xsl:attribute>
        </xsl:if>
        <xsl:value-of select="$label"/>
    </option>
</xsl:template>
</xsl:stylesheet>

util.xslt:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:import href="foo/b.xslt" />
<xsl:output method="html" />

<xsl:template name="dropdown">
    <xsl:param name="listname"/>
    <xsl:param name="value"/>
    <select>
        <xsl:call-template name="dropdowns">
            <xsl:with-param name="listname" select="$listname"/>
            <xsl:with-param name="value" select="$value"/>
        </xsl:call-template>
    </select>
</xsl:template>
</xsl:stylesheet>

render.xslt:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:import href="util.xslt" />
<xsl:output method="html"></xsl:output>
<xsl:template match="/">
    <h1>
        <xsl:value-of select="/catalog/@name"></xsl:value-of>
    </h1>
    <xsl:call-template name="dropdown">
        <xsl:with-param name="listname">xyz</xsl:with-param>
        <xsl:with-param name="value">C</xsl:with-param>
    </xsl:call-template>
</xsl:template>
</xsl:stylesheet>

С помощью этих изменений вы можете создавать выпадающие списки на своей странице, которые будут работать как в IE, так и в Chrome.

Ответ 2

В общем, весь подход относится к вложенным шаблонам.
Здесь уже сказано: как перемещаться вложенной структуре XML с помощью шаблонов

Ниже приводятся некоторые вопросы и разъяснения относительно комментариев ниже вопроса.

Скорректировав локальный сервер, он поставляет файл util.xslt виде Content-Type text/css как ожидалось хром вместо application/xslt+xml, сценарии по-прежнему никогда не работают, как ожидалось. Поэтому должна быть еще одна проблема, связанная с хром.

Интересным моментом является наличие двух xslt-документов, в то время как один передается и принят хром с помощью application/xslt+xml а другой - только text/xml или text/xsl (да, оба приняты хром, я пробовал),

Поэтому интересная публикация о версиях xml/xslt может оказаться неприемлемой для этой проблемы.

Ниже приведены консольные сообщения:

Корректировка сервера выполняется со следующими строками, которые изменяют Content-Type (Content-Type mime), если запрашиваемое имя файла имеет суффикс xslt а ожидаемый тип mime - text/css:

<If "%{REQUEST_FILENAME} =~ m#\.xslt$# && %{HTTP:Accept} =~ m#^text\/css#">
    Header set "Content-Type" "text/css"
</If>

Fire Fox

Может быть, стоит отметить, что firefox полностью скрывает util.xslt на сетевой панели:

Кроме того, Firefox принимает оба метода: ActiveXObject и XSLTProcessor. В зависимости от логики в JavaScript по умолчанию устанавливается значение ActiveXObject, эта версия выглядит более гладко относительно анимации выпадающего списка.

Firefox жалуется, когда xml-версия установлена в 1.1, поэтому воспроизведение с номерами версий может не помочь увеличить совместимость с браузером.

Ответ 3

Я нашел обходное решение ^[1] для этой проблемы.

В chrome <xsl:import> корректно работает при преобразовании в Javascript. Итак, я преобразовал свой XML в XSL <xsl:choose> с <xsl:when> для каждого dropdown тега.

Обновить util.xslt:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="html"></xsl:output>
    <xsl:template name="dropdown">
        <xsl:param name="listname"/>
        <xsl:param name="value"/>
        <select>
            <xsl:choose>
                <xsl:when name="$listname='xyz'">
                    <option value="I">Info</option>
                    <option value="C">Category</option>
                </xsl:when>
            </xsl:choose>
        </select>
    </xsl:template>
</xsl:stylesheet>

^{1. Я согласен, что это не очень хороший способ обхода и, конечно, не обобщенный.Если у кого-то есть лучшее решение, отправьте его в качестве ответа.}