The debug component enables component-to-DOM serialization.
By default, for performance reasons, A-Frame does not update the DOM with component data. If we open the browser’s DOM inspector, we will see only the component names (and not the values) are visible.
A-Frame stores the component data in memory. Updating the DOM takes CPU time
for converting internal component data to strings. If we want to see the DOM
update for debugging purposes, we can attach the
debug component to the
scene. Components will check for an enabled
debug component before trying to
serialize to the DOM. Then we will be able to view component data in the DOM:
Make sure that this component is not active in production.