BeeLadybug 0.4.0 – A Blind, Zero‑Dependency Overlay for Debugging Anything on Screen

说明与用途

BeeLadybug 是一个通用、零依赖的调试覆盖层，使用“盲”核心和适配器将调试逻辑与应用代码分离，快速获取 Web、Canvas 和 Python 后端的实时性能与错误信息。

问题

Developers repeatedly wrote project‑specific debug code (FPS counters, console logs, red boxes) that had to be rewritten or removed when moving to new projects, causing maintenance overhead and fragility.

结果

BeeLadybug decouples debugging logic from application code, enabling reusable, zero‑dependency overlays across diverse environments. Developers can quickly add new adapters and gain real‑time insights without modifying the core or build process.

工作流

• 1. Install BeeLadybug via npm or import from CDN.
• 2. Create a BeeLadybugCore instance.
• 3. Instantiate the appropriate adapter (CanvasAdapter, WebDOMAdapter, AntAdapter, SpiderAdapter, or PythonBridge).
• 4. Call adapter.attach() to start observing and sending data to the core.
• 5. The core renders an overlay with toggle buttons for each registered adapter.
• 6. Use the overlay to view FPS, mutation‑rate warnings, long tasks, and other telemetry in real time.

证据

Every time I built a new game or a new page, I ended up writing the same throwaway debug code… It always lived inside the project it was debugging…

来源

The Core is blind. It doesn't know what a "game," a "DOM node," or a "Python process" is. It only knows sendData(type, payload).

来源

Two purely passive diagnostic modules… AntAdapter – DOM mutation rate tracker… SpiderAdapter – long tasks & slow resources

来源