Cách thêm / xóa JS và CSS cụ thể của trình duyệt trong Magento2 bằng cách sử dụng layout xml

8

Có cơ sở nào để loại bỏ js / css cụ thể cho trình duyệt trong magento2 bằng cách sử dụng layout xml không?

magento2 js-css

— Atish Goswami
nguồn

4

Không có cách nào để làm điều này trong layout.xml. Dưới đây là danh sách các hướng dẫn bố trí có sẵn trong Magento 2

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-in cản.html

Nếu khả năng tương thích trình duyệt là những gì bạn đang hướng tới, bạn nên tận dụng thư viện modrnizr.js có trong magento lõi (lib / web / Modernizr / Modernizr.js)

— Toombs
nguồn

Bạn có thể buộc nó như một cách giải quyết: magento.stackexchange.com/questions/126646/NH

— Franck Garnier

16

Trong tệp default_head_blocks.xml của riêng bạn, hãy làm như sau:

<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
nguồn

9

Bạn có thể thêm css cụ thể của trình duyệt như bên dưới:

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

Bạn có thể xóa js và css như dưới đây:

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

Vui lòng tham khảo tài liệu chính thức: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html#layout_markup_css

— Pramod Kharade
nguồn

xin chào @Pramod, làm thế nào để thêm css chỉ cho trình duyệt safari?

— jafar pinjar

3

Để xóa các tập tin js từ cms trang chủ.

chúng ta cần bao gồm tệp cms_index_index.xml là chủ đề tùy chỉnh của chúng tôi và bằng cách sử dụng tệp bố cục này có thể xóa trang chủ của tệp js trong magento 2. Ví dụ ở đây -

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

— Vikas Singh
nguồn