Your Browser Lives in VS Code Now | LIVE154

Visual Studio Code · Beginner ·🛠️ AI Tools & Apps ·1mo ago

About this lesson

The integrated browser is not just a preview pane. Agents can share tabs as context, read page content, interact with elements, run Playwright scripts, validate changes in real time, and debug with breakpoints without ever leaving the editor. This session shows what that actually looks like in a real development workflow. To learn more, please check out these resources: * https://aka.ms/VSCode/IntBrowser * https://aka.ms/VSCode/Learn * https://code.visualstudio.com/docs/copilot/overview 𝗦𝗽𝗲𝗮𝗸𝗲𝗿𝘀: * Justin Chen * Burke Holland 𝗦𝗲𝘀𝘀𝗶𝗼𝗻 𝗜𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻: This is one of many sessions from the Microsoft Build 2026 event. View even more sessions on-demand and learn about Microsoft Build at https://build.microsoft.com LIVE154 | English (US) Broadcast Stage #MSBuild Chapters: 0:00 - Introduction and Welcome at Build Conference 00:00:13 - Introduction of Justin from VS Code Team 00:00:25 - Overview of the Integrated Browser in VS Code 00:01:09 - Purpose: Simplifying Local Development Within VS Code 00:01:54 - Demonstration: Opening and Using the Integrated Browser 00:02:33 - Pokémon Demo App Example in VS Code 00:03:09 - Using Chat Integration to Inspect Page Elements 00:05:00 - Chrome DevTools and Emulation Toolbar inside VS Code 00:05:51 - Agent Integration and Browser Automation 00:09:00 - Playwright Integration, Automated Testing, and Closing Remarks

Original Description

The integrated browser is not just a preview pane. Agents can share tabs as context, read page content, interact with elements, run Playwright scripts, validate changes in real time, and debug with breakpoints without ever leaving the editor. This session shows what that actually looks like in a real development workflow. To learn more, please check out these resources: * https://aka.ms/VSCode/IntBrowser * https://aka.ms/VSCode/Learn * https://code.visualstudio.com/docs/copilot/overview 𝗦𝗽𝗲𝗮𝗸𝗲𝗿𝘀: * Justin Chen * Burke Holland 𝗦𝗲𝘀𝘀𝗶𝗼𝗻 𝗜𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻: This is one of many sessions from the Microsoft Build 2026 event. View even more sessions on-demand and learn about Microsoft Build at https://build.microsoft.com LIVE154 | English (US) Broadcast Stage #MSBuild Chapters: 0:00 - Introduction and Welcome at Build Conference 00:00:13 - Introduction of Justin from VS Code Team 00:00:25 - Overview of the Integrated Browser in VS Code 00:01:09 - Purpose: Simplifying Local Development Within VS Code 00:01:54 - Demonstration: Opening and Using the Integrated Browser 00:02:33 - Pokémon Demo App Example in VS Code 00:03:09 - Using Chat Integration to Inspect Page Elements 00:05:00 - Chrome DevTools and Emulation Toolbar inside VS Code 00:05:51 - Agent Integration and Browser Automation 00:09:00 - Playwright Integration, Automated Testing, and Closing Remarks

Watch on YouTube ↗ (saves to browser)

Sign in to unlock AI tutor explanation · ⚡30

Related Reads

I Tried an AI Tool That Claims to Clone Any Website with One Command — Here’s Why It Failed

Learn why an AI tool that claims to clone any website with one command failed and what this means for web development and AI limitations

Dev.to · Kang Jian

Cultivate Curiosity in Tech

Cultivate curiosity in tech to stay ahead in a rapidly evolving field

Dev.to · Fabio Sarmento

From Apple Health Data to Clinical Storytelling: Building an AI-Powered Report with Python and Gemini

Learn to build an AI-powered report using Apple Health data and Python to create clinical storytelling with Gemini

Dev.to · Romina Elena Mendez Escobar

Gemini Notebook: Vet Articles Before You Save

Use Gemini Notebook to vet articles before saving them to your knowledge base, saving time and increasing credibility

Chapters (10)

Introduction and Welcome at Build Conference

0:13 Introduction of Justin from VS Code Team

0:25 Overview of the Integrated Browser in VS Code

1:09 Purpose: Simplifying Local Development Within VS Code

1:54 Demonstration: Opening and Using the Integrated Browser

2:33 Pokémon Demo App Example in VS Code

3:09 Using Chat Integration to Inspect Page Elements

5:00 Chrome DevTools and Emulation Toolbar inside VS Code

5:51 Agent Integration and Browser Automation

9:00 Playwright Integration, Automated Testing, and Closing Remarks

RIP ELEVENLABS! Here's The BEST TTS AI Voices LOCALLY For FREE!