レイアウトxmlを使用してMagento2でブラウザー固有のJSおよびCSSを追加/削除する方法


回答:


4

layout.xmlでこれを行う方法はありません。Magento 2で利用可能なレイアウト手順のリストは次のとおりです

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

ブラウザーの互換性が目的の場合は、コアmagento(lib / web / modernizr / modernizr.js)に含まれているmodrnizr.jsライブラリを利用する必要があります


回避策として強制することができます:magento.stackexchange.com/questions/126646/…–
フランクガルニエ


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を追加する方法?
jafar pinjar

3

jsファイルをホームページcmsから削除します。

cms_index_index.xmlファイルを含める必要があります。これはカスタムテーマであり、このレイアウトファイルを使用することにより、magento 2のホームページからjsファイルを削除できます。例はこちら-

<?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>
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.