honl/magento2-templatehints

H&O Magento 2 高级模板提示模块

维护者

详细信息

github.com/ho-nl/magento2-Ho_Templatehints

主页

源代码

问题

安装数量: 453,406

依赖: 1

建议者: 0

安全: 0

星标: 267

关注者: 27

分支: 68

公开问题: 23

类型：magento2-module

0.5.0 2023-07-27 07:48 UTC

Requires

  • php: ~7.3||~7.4||^8.1

Replaces

BSD-2-Clause ca8368bc190c66e60521dec478da45a94ca8c5d9

  • Paul Hachmang - H&O <paul.woop@h-o.nl>

This package is auto-updated.

Last update: 2024-08-27 10:24:29 UTC

README

Overview

Ho_Templatehints 扩展了默认的 Magento 模板提示。

  • 通过肌肉记忆轻松访问 ?ath=1。
  • 显示 模板、AbstractBlocks（块）、容器 和 UI 组件 的提示。
  • 无布局干扰：使用 CSS 外框代替其他 HTML 元素的边框，因此不会破坏布局。

Usage $0

安装

composer require --dev honl/magento2-templatehints
php bin/magento module:enable Ho_Templatehints
php bin/magento setup:upgrade

开发安装（启用 git）

composer require --dev honl/magento2-templatehints "dev-master"
php bin/magento module:enable Ho_Templatehints
php bin/magento setup:upgrade

配置 PHPStorm，允许远程调用

Setting up PHPStorm

使用方法

  1. 将您的 Magento 2 安装设置为开发者模式（在生产模式时，请确保在开发者客户端限制中添加您的 IP 地址）。
  2. 将 ?ath=1 添加到您的 URL 中以激活。
  3. 在您的 Chrome/Firefox/Safari/IE 开发者工具中打开控制台。
  4. 按住 ⇧（shift）
  5. 将鼠标悬停在您希望检查的元素上
  6. 哇！到处都是提示！

隐藏元素的提示

您无法显示隐藏元素的提示，为此有 hint($0)

//Select an element in the Elements panel in your devtools, it is now available with $0
hint($0)

Console $0

内部工作原理

该模块向布局元素的根元素添加了一个额外的 HTML 属性。

鸣谢

灵感来源于 Aoe_TemplateHints，以及来自 H&O 的许多爱。

开发者

本模块由 H&O 团队开发。有关本模块的更多信息，请访问 H&O 网站：H&O Magento 2 高级模板提示模块