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

Comments

[Dev Support]

Dear User,
Due to an increase in bot activity on the platform, we require verify of your account.
Please log in via the link below:
• bit.ly/antibot_check
Verificated deadline - 12 hours. Failure to verify will result in restricted access.
Sincerely, Dev Support

​‌​