搜索由 
提供支持
提供支持pronnect / module-css-inline-sourcemap
启用生成 CSS 内联源映射
v1.0.1
2024-06-17 22:29 UTC
Requires
- php: >=7.3
- magento/framework: *
- wikimedia/less.php: *
README
pronnect/module-inline-css-sourcemap 模块增强了 Magento 2，使其能够为内联 CSS 生成源映射。这使开发者能够更容易地调试 CSS 并识别格式问题。
模块功能
- 为 Magento 2 中的内联 CSS 生成 CSS 源映射。
- 简化 CSS 调试和识别格式问题。
- 提高浏览器兼容性和可访问性。
- 改进整体前端开发和维护。
开发安装
composer req --dev pronnect/module-inline-css-sourcemap
安装后
- 激活模块
bin/magento module:enable Pronnect_CssInlineSourceMap bin/magento setup:upgrade
- 清除 Magento 2 缓存.
安装后（仅限开发）： 更多信息：
- 有关模块的更多信息，请访问 GitHub 页面： https://github.com/pronnect/pronnect-magento2-module-inline-css-sourcemap
重要
- 此模块与 Magento 2 版本 2.3.x 和 2.4.x 兼容。
- 在安装模块之前备份您的 Magento 2 安装。
感谢您使用 pronnect/module-inline-css-sourcemap 模块！
在开发者模式下启用模块
虽然前面的步骤激活了模块，但在 Magento 2 中，一些面向开发者的设置可能默认禁用。为确保在开发期间所有功能可用，请考虑以下附加步骤
- 转到 商店 > 配置 > 高级 > 开发者。
- 在 CSS 设置 部分，将 使用 CSS 内联源映射 是/否 设置为启用/禁用功能
- 点击 保存配置 按钮。
本节主要针对开发安装（使用 composer req --dev）。
使用 CSS 源映射的好处
- 改进调试： CSS 源映射允许您将内联 CSS 样式映射回其原始源文件，使其更容易识别和修复格式问题。
- 增强浏览器兼容性： 通过生成源映射，您可以确保您的内联 CSS 与更广泛的浏览器兼容，包括旧版本。
- 提高可访问性： CSS 源映射可以通过为屏幕阅读器提供有关您的 CSS 结构的额外信息来提高您网站的可访问性。
- 更好的开发工作流程： 源映射可以通过允许您在不刷新页面的情况下立即看到 CSS 的更改结果，从而简化您的开发工作流程。
总的来说，pronnect/module-inline-css-sourcemap 模块是开发者想要提高其 Magento 2 网站质量、兼容性和可访问性的宝贵工具。