C'è qualche funzione per rimuovere js / css specifici per il browser in magento2 usando layout xml?
C'è qualche funzione per rimuovere js / css specifici per il browser in magento2 usando layout xml?
Risposte:
Non è possibile farlo in layout.xml. Ecco un elenco di istruzioni di layout disponibili in Magento 2
http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-instructions.html
Se la compatibilità del browser è ciò a cui stai mirando, dovresti approfittare della libreria modrnizr.js inclusa nel core magento (lib / web / modernizr / modernizr.js)
Nel tuo file default_head_blocks.xml, procedi come segue:
<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>Puoi aggiungere CSS specifici del browser come di seguito:
<page>
<head>
<css src="css/ie-9.css" ie_condition="IE 9" />
</head>
</page>Puoi rimuovere js e css come di seguito:
<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>Si prega di fare riferimento al documento ufficiale: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#layout_markup_css
dobbiamo includere il file cms_index_index.xml come tema personalizzato e utilizzando questo file di layout è possibile rimuovere i file js dalla home page di magento 2. L'esempio è qui -
<?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>