PHPackages                             kingfisherdirect/magento2-better-debug-hints - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Debugging & Profiling](/categories/debugging)
4. /
5. kingfisherdirect/magento2-better-debug-hints

ActiveMagento2-module[Debugging & Profiling](/categories/debugging)

kingfisherdirect/magento2-better-debug-hints
============================================

v0.20.0(6mo ago)42211[1 issues](https://github.com/kingfisherdirect/magento2-better-debug-hints/issues)MITJavaScript

Since May 19Pushed 6mo ago2 watchersCompare

[ Source](https://github.com/kingfisherdirect/magento2-better-debug-hints)[ Packagist](https://packagist.org/packages/kingfisherdirect/magento2-better-debug-hints)[ RSS](/packages/kingfisherdirect-magento2-better-debug-hints/feed)WikiDiscussions master Synced 4w ago

READMEChangelog (10)DependenciesVersions (14)Used By (0)

Better Debug Hints
==================

[](#better-debug-hints)

> Improved Magento 2 debug hints for layout and blocks

[![Example Usage](docs/example.gif)](docs/example.gif)

Features:

- **Does not affect structure** or existing styles 👌
- Detects **Knockout** components and templates 🤜
- Detects **jQuery** widget registration and usage 💲
- Finds Magento **mage-init scripts** within templates/layouts 📌
- Uses dev-tools like **element picker** to select elements 🔫
- Prints **browseable structure** and internal informations in console 👀
- Adds a button to open edit page for CMS Blocks 🖊️
- Generates Graphviz visualization for Layout

Installation
------------

[](#installation)

This package is not intended to be used in production.

```
composer require --dev kingfisherdirect/magento2-better-debug-hints
bin/magento setup:upgrade
```

Usage
-----

[](#usage)

Open your Magento page with an extra GET parameter `?ath=1`. For example: `https://localhost/?ath=1`.

**Element Picker**

1. Press ``` (backtick key, above tab)
2. Move your mouse on top of any html element
3. Click on it to get debug information in browser console
4. Right click on highlighted element to nagivate to it's direct parent
5. `ESC` to disable picker

**Console Helper**

Use `layout()` function to investigate any HTML element. To inspect currently selected element in inspector use `layout($0)`

**Graphviz Layout**

Run `lh.debuggers.mageLayout.graph()` in developer tools console. Graph will be copied into clipboard. You can visualise it online here -  or using this command `echo 'GRAPH_OUTPUT' | dot -Tsvg > output.svg`

Credits
-------

[](#credits)

[https://github.com/ho-nl/magento2-Ho\_Templatehints](https://github.com/ho-nl/magento2-Ho_Templatehints)

After starting work on this module I realised there is an existing one that seems quite good. Few ideas were taken out of that module.

###  Health Score

36

—

LowBetter than 81% of packages

Maintenance65

Regular maintenance activity

Popularity16

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity45

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~104 days

Recently: every ~98 days

Total

13

Last Release

205d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/13ef32eef650c9bddea30c304036ba5bf091f051be75c05e0abb3aad6628a7e1?d=identicon)[lumnn](/maintainers/lumnn)

---

Top Contributors

[![lumnn](https://avatars.githubusercontent.com/u/2505114?v=4)](https://github.com/lumnn "lumnn (40 commits)")

### Embed Badge

![Health badge](/badges/kingfisherdirect-magento2-better-debug-hints/health.svg)

```
[![Health](https://phpackages.com/badges/kingfisherdirect-magento2-better-debug-hints/health.svg)](https://phpackages.com/packages/kingfisherdirect-magento2-better-debug-hints)
```

###  Alternatives

[symfony/stopwatch

Provides a way to profile code

2.8k387.2M914](/packages/symfony-stopwatch)[fruitcake/laravel-debugbar

PHP Debugbar integration for Laravel

19.1k662.9k28](/packages/fruitcake-laravel-debugbar)[spatie/ignition

A beautiful error page for PHP applications.

510147.6M69](/packages/spatie-ignition)[jokkedk/webgrind

Webgrind is a Xdebug profiling web frontend in PHP5. It implements a subset of the features of kcachegrind and installs in seconds and works on all platforms. For quick'n'dirty optimizations it does the job.

3.3k193.0k](/packages/jokkedk-webgrind)[koriym/printo

An object graph visualizer.

1421.8M2](/packages/koriym-printo)[soloterm/dumps

A Laravel command to intercept dumps from your Laravel application.

125285.7k3](/packages/soloterm-dumps)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)