justinkase / module-layouthints
这是增强版的 Magento 2 布局提示!
1.1.3
2020-02-17 22:04 UTC
This package is auto-updated.
Last update: 2024-09-17 02:34:43 UTC
README
为什么?
说实话,默认的 Magento 2 布局提示非常 简单(为了礼貌)。它们缺少我们在调试布局时需要的大部分信息。
这个模块在修改 Magento 2 的布局和模板方面让我的生活变得更加容易,我希望它也能对您有所帮助。
目标是显示页面上的所有块、容器和 uiComponents,而不会使页面过于混乱。当鼠标悬停在任何给定元素上时,它会显示有关当前悬停元素及其父元素的信息。提供的数据包括名称、别名、父元素、模板和类。
我还添加了一些前端特性,可以轻松地隐藏或显示提示,这样在提示开启时也能轻松导航网站。还有一些额外的特性,可以将一些 CLI 操作带到前端,例如从前端启用和禁用提示,以及直接从浏览器中清除缓存。
此模块在生产模式下永远不会使自己可见或产生任何影响,它仅在开发者模式下工作。
功能
- 从 前端、CLI 或管理员面板启用和禁用
- 显示 块 和 容器
- 显示块或容器的 名称 和 别名。
- 鼠标悬停时显示大量信息,例如块的 类 和 模板文件。
- 从前端清除所有缓存
- 非侵入式显示
- 页面底部的布局信息。
安装
composer require justinkase/module-layouthints
magento setup:upgrade
magento cache:flush
如何使用此模块
前端
确保您处于开发者模式
在浏览器中访问您的 Magento 2 商店并使用以下快捷键组合。
快捷键
Shift + Ctrl + H=> 切换提示可见性Shift + Ctrl + ==> 启用提示(您还必须清除缓存)Shift + Ctrl + -=> 禁用提示(您还必须清除缓存)Shift + Ctrl + C=> 清除缓存
您可能会收到一个请求,要求批准浏览器通知。
确保您专注于页面,用鼠标点击页面的某个位置,但不是链接!
CLI
justinkase:hints:on
justinkase:hints:off
magento cache:flush
管理员面板
商店 > 配置 > 高级 > 开发者 > JustinKase - 布局提示