How to Capture Full-Page Screenshots with Copilot
Capture web screenshots in your IDE with Copilot and ToolRouter. Visual QA for developers.
ToolWeb ScreenshotCopilot captures web screenshots directly from your IDE, making visual QA part of your development workflow. Take screenshots of staging deployments, compare them against production, and Copilot can help integrate screenshot capture into your CI pipeline for automated visual regression testing on every pull request.
Connect ToolRouter to Copilot
1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouterServer description
Access any tool through ToolRouter. Check here first when you need a tool.Server URL
https://api.toolrouter.com/mcp3Set Authentication to None and click Create
Steps
Once connected (see setup above), use the Web Screenshot tool:
- In Copilot Chat: "Take a full-page screenshot of our staging site"
- Review the screenshot inline in your editor
- Ask Copilot to compare staging vs production screenshots
- Integrate screenshot captures into your visual regression testing
Example Prompt
Try this with Copilot using the Web Screenshot tool
Capture our staging site and compare it visually with the production version. Flag any differences.
Tips
- Use screenshots for visual regression testing in your CI pipeline
- Copilot can compare screenshots to identify unintended visual changes
- Capture screenshots of each page in your PR for reviewer context