BeeLadybug — un overlay per il debug DOM in tempo reale

Un piccolo overlay in azione per il debug in tempo reale.

Invece di riempire il codice di console.log o stare sempre a smanettare con gli DevTools, ho creato questa piccola utility per tracciare e illuminare gli elementi del DOM e i nodi in tempo reale mentre ci si passa sopra.

Molto comoda per fare controlli al volo mentre si sviluppa, senza appesantire nulla.

Che ne pensate? Vi capita mai di impazzire per tracciare gli elementi a schermo?
Provatelo e fatemi sapere se puo' essere utile."(testato su Chrome/Edge)"

import('https://cdn.jsdelivr.net/npm/bee-ladybug@0.4.0/src/index.js')
  .then(({ BeeLadybugCore, WebDOMAdapter }) => {
    const bee = new BeeLadybugCore();
    new WebDOMAdapter(bee, { root: document.body }).attach();
    window.bee = bee;
  });

---

🔗 https://www.npmjs.com/package/bee-ladybug