Clarification on running and testing BrowserTools MCP locally with server code using VSCode

[benzntech]

I’m trying to understand the correct setup to use this tool when working on a project in VSCode where the backend code runs locally (e.g., via localhost:3000). My objective is to monitor and analyze browser interactions or run audits using the MCP Chrome extension, but I’m not sure how to correctly connect the setup when running a local dev server.

Could you help clarify the following:
• What are the exact steps to follow if I’m using VSCode and testing my web app at http://localhost:3000?
• Should the browser extension automatically detect my localhost page, or are there manual steps to link it to the MCP and server tools?
• How can I verify that the extension and local server are correctly communicating with each other and with the MCP server?
• Are there any known limitations when running local server-based apps (e.g., with hot reload or frontend frameworks like Next.js)?

Thanks in advance for the guidance! 🙏
This will help streamline my testing workflow for local development.