Как добавить / удалить специфичные для браузера JS и CSS в Magento2, используя layout xml

8

Есть ли возможность удалить js / css, специфичные для браузера, в magento2, используя layout xml?

magento2 js-css

4

Нет способа сделать это в файле layout.xml. Вот список инструкций макета, доступных в Magento 2

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-instructions.html

Если вы стремитесь к совместимости браузера, вам следует воспользоваться библиотекой modrnizr.js, которая входит в состав core magento (lib / web / modernizr / modernizr.js)

— Натан Тоомбс
источник

Вы можете использовать это в качестве обходного пути: magento.stackexchange.com/questions/126646/…

— Франк Гарнье,

16

В вашем собственном файле default_head_blocks.xml сделайте следующее:

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <remove src="name.css"/>
    </head>
</page>

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#layout_markup_css_remove

— minlare
источник

9

Вы можете добавить специфичные для браузера CSS, как показано ниже:

<page>   
<head>
        <css src="css/ie-9.css" ie_condition="IE 9" />
    </head>
</page>

Вы можете удалить JS и CSS, как показано ниже:

    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
   <head>
        <!-- Remove local resources -->
        <remove src="css/styles-m.css" />
        <remove src="my-js.js"/>
        <remove src="Magento_Catalog::js/compare.js" />

    <!-- Remove external resources -->
        <remove src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"/>
        <remove src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"/>
        <remove src="http://fonts.googleapis.com/css?family=Montserrat" /> 
   </head>

Пожалуйста, обратитесь к официальному документу: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#layout_markup_css

— Прамод Хараде
источник

привет @Pramod, как добавить CSS только для браузера Safari?

— Джафар Пинджар

3

Для удаления файлов js с домашней страницы cms.

нам нужно включить файл cms_index_index.xml в нашу собственную тему, и с помощью этого файла макета можно удалить домашнюю страницу js-файлов из magento 2. Пример здесь -

<?xml version="1.0"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
     <remove src="varien/form.js"/>
    </head>
</page>

— Викас Сингх
источник