# Method: handsfree.showDebugger()

handsfree.showDebugger()

Shows the debugger (the element containing the webcam feed and model canvases) and adds body.handsfree-show-debugger. You can then use one of the debugger helper classes to automatically show or show other elements based on this state:

.handsfree-show-when-debugging
.handsfree-hide-when-debugging

.handsfree-show-when-not-debugging
.handsfree-hide-when-not-debugging

# Example

Here's an example of implementing debugger on/off buttons:

<div>
  <button class="handsfree-show-when-not-debugging" onclick="handsfree.showDebugger()">
    Show Debugger
  </button>
  <button class="handsfree-show-when-debugging" onclick="handsfree.hideDebugger()">
    Hide Debugger
  </button>
</div>

# See Also

Last Updated: 12/30/2020, 12:17:40 PM
Debugger