Overview
Every Jam capture automatically includes comprehensive developer information to help engineers debug faster. Get instant access to console logs, network data, and environment details without switching between tools or losing context.
Core Features
Visual Context
Screenshots and screen recordings with annotation tools
Metadata
URL, timestamp, device info, browser version, OS, and more
Developer Logs
Console logs and complete network request details and more
User Events
User clicks, navigation events and more
Customization
Layouts
Switch between side and bottom layout to fit your workflow. The DevTools panel adapts to your preferred layout.
Side Dock
Bottom Dock
DevTools appear on the right side in the properties panel for wide-screen debugging. Ideal when you need to see both the captured page and technical details simultaneously.
DevTools expand across the bottom for detailed network analysis. Perfect for inspecting multiple requests or long console outputs.
Keyboard Shortcuts
Use familiar Chrome DevTools shortcuts for faster navigation:
| Action | Shortcut |
|---|---|
| Change layout | ⌘ + Shift + D |
| Navigate through network requests | ↑↓ |
| Open network request details | ⏎ Return |
| Close network request details | Esc |
FAQs
chevron-right Do I need to enable DevTools manually?
No. DevTools data is automatically captured with every Jam. No setup or configuration required. You can capture additional meta data with Custom logs.
chevron-right Can I filter console logs by severity?
Yes. Use the severity filter to show only errors, warnings, or specific log levels that matter for debugging.
chevron-right How detailed is the network timing data?
You get complete timing breakdowns including DNS lookup, connection time, and response duration – just like Chrome DevTools.