This debugger allows you to experiment with the WorkerDOM API using your local browser debugger.

Open up Dev Tools and modify the workerDocument, you'll see the results in the markup and output sections.

global.workerDocument = {createElement, createElementNS, createTextNode, defaultView, body, ...Element}
    Example:
    
      const child = workerDocument.createElement('div');
      
      workerDocument.body.appendChild(child);
      console.log(`is child connected? ${child.isConnected === true ? 'yes' : 'no'}`);
    
  

Current Markup

Current Rendered Markup