devtools / debugging

[threepointone]

This tracks the implementation of debugging tools for wrangler dev.

• Hit the D hotkey when developing, to open a hosted devtools at built-devtools.pages.dev
• Open chrome://inspect on chrome, or edge://inspect on edge, and follow the instructions there to open the browser devtools inspector.
• Connect vscode debugger to the inspector and debug inside your IDE directly.

Features

• See console.log(...)/console.error(...) objects in the Console tab
• Profile your workers following the steps in https://developers.cloudflare.com/workers/learning/profiling-workers
• [dev] display source mapped line numbers #1315
• Support breakpoints
• Enable the Network tab, so you'll be able to see and inspect subrequests that your worker makes
• Support debugging websockets requests

[TehShrike]

Why don't console.log/error/etc log out to the terminal where wrangler dev was run?

[threepointone]

Yeah, we could probably do that.