How to Open the JavaScript Console and Enable Debug Output in draw.io

[alderg]

Need to share detailed logs or debug issues in draw.io (diagrams.net)?
Follow these steps to open your browser’s JavaScript console and enable debug output.

---

1. Open the JavaScript Console

Google Chrome

1. Open draw.io (diagrams.net) in Chrome.
2. Click the three dots (⋮) in the top-right corner.
3. Go to More Tools → Developer Tools.
4. Click the Console tab.

Shortcut:

• Windows/Linux: Ctrl+Shift+J
• Mac: Cmd+Option+J

---

Mozilla Firefox

1. Open draw.io in Firefox.
2. Click the three bars (☰) in the top-right corner.
3. Go to Web Developer → Web Console.
4. The console appears below or at the side.

Shortcut:

• Windows/Linux: Ctrl+Shift+K
• Mac: Cmd+Option+K

---

Microsoft Edge

1. Open draw.io in Edge.
2. Click the three dots (⋯) in the top-right.
3. Go to More Tools → Developer Tools.
4. Click the Console tab.

Shortcut:

• Windows/Linux: Ctrl+Shift+J
• Mac: Cmd+Option+J

---

Apple Safari (Mac)

1. Open draw.io in Safari.
2. If you haven’t already:
   Go to Safari → Settings (or Preferences) → Advanced.
   Check Show Develop menu in menu bar.
3. Go to Develop → Show JavaScript Console.

Shortcut:

• Cmd+Option+C

---

2. Enable Debug Output in draw.io

1. In draw.io, click the Help menu (top menu bar).
2. At the bottom, find the version number.
3. Hold the Shift key and click the version number.

You should see this message in the console:

Debug output enabled

Now, extra debug information will appear in the console as you use draw.io.

---

3. To Disable Debug Output

Repeat the Shift+Click on the version number in the Help menu.

You’ll see this message in the console:

Debug output disabled

---

4. What’s This For?

• Reporting bugs
• Troubleshooting problems
• Sharing logs with support

Copy messages from the console and include them in your support request if needed.