justinkase/module-layouthints

这是增强版的 Magento 2 布局提示!

资助包维护!
Liberapay
Patreon

安装: 702

依赖项: 0

建议者: 0

安全性: 0

星标: 7

关注者: 1

分支: 1

开放性问题: 2

类型:magento2-module

1.1.3 2020-02-17 22:04 UTC

This package is auto-updated.

Last update: 2024-09-17 02:34:43 UTC


README

Gitter

为什么?

说实话,默认的 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 - 布局提示

作者

Alex Ghiban