It would be immensely helpful if Cursor IDE could integrate with browser developer tools to directly read and analyze logs in real-time. This integration would allow the IDE to automatically access and process logs without requiring manual intervention, especially in scenarios where there’s a mismatch between the intended output and what Cursor generates.
7 Likes
I agree with this wholeheartedly. I spend a good chunk of time when working with cursor copying and pasting stuff from chrome developer tools (API requests, responses, browser console in particular) and into cursor to troubleshoot issues.
3 Likes
isnt there a vscode tool to integrate with browser? lots of IDEs have that so vscode should have it too. it doesnt necessarily need a cursor integration, though it would help.
1 Like
We’re actually looking into browser integration features - it’s something that’s been frequently requested. While VSCode does have some browser dev tools extensions, we’re exploring ways to make this process more seamless in Cursor, especially with our AI capabilities. The goal would be to help analyze those logs and debug issues more efficiently
For now, you might find our @Web feature helpful for quick web searches and documentation lookups while coding: Cursor – @Web
2 Likes
This would be a HUGE help.
Duplicate:
I haven’t tried it yet but does anyone know if BrowserTools MCP - MCP Server | Cursor Directory helps address this problem?
1 Like
Hey, yes, this will help automate the work.
I spend hours copying the chrome console and the elements.
If you opened a crome page inside cursor, and the agent could use all the tools, it would save a lot of time.
2 Likes
@gioreva Check out in the meantime some of other users proposed alternatives for now.
1 Like
Headless Chrome for a start maybe? It can take screenshots at least to debug visual glitches. And probably capture console output.
In the mean time, I want to recommend you guys use:
and see this guys demo here:
Let me know if you like it