Testing & Automation
Integrated Browser
A real, tabbed browser, backed by Playwright, that opens as an editor tab. You can build a page and check it in the same window.
Opening it
Run Open Browser from the Command Palette, the editor's overflow (…) menu, or the keyboard shortcut you have bound to it. It opens as a new tab in your current editor group, next to your source files. Give it a URL and it behaves like a normal browser tab from there.
Split it next to what you're editing
Drag the Browser tab to the side, or use Split Editor Right, so your code and the running page are visible together. That is the layout most people use while they are building a UI.
Core browsing features
Tabs
Open several pages at once. Each one is a full tab with its own history. Close, reopen, and reorder them the same way you would editor tabs.
History & Favorites
Pages you visit are kept in a searchable history. Pin the ones you return to as favorites, so they are one click away.
Find in page
Search the text of the page you are looking at, without opening DevTools. It works the way searching a document does.
Zoom & device emulation
Zoom in or out on its own, separate from the editor's zoom. Or pretend to be a specific device: a phone, a tablet, or a custom viewport size and device pixel ratio.
DevTools, without leaving the tab
Open a full Chromium DevTools panel from the Browser tab's toolbar. Inspect elements, watch network requests, and read the console the way you would in a standalone browser, in this same window. Console messages are also kept in a form Gyaanmitra AI can read, so you can ask it to check the console for errors without copying anything.
Screenshots
Capture the visible viewport, or a full scrolling page, as an image from the Browser tab. Paste it into a bug report, a pull request description, or a message to Gyaanmitra AI about what you are seeing.
Element and area inspection
Two lighter inspector modes sit beside DevTools. Element selection highlights and names whatever you hover or click, without opening the full DevTools tree. Area selection lets you drag out a region of the page. Use it for a small screenshot, or to show Gyaanmitra AI which part of the UI you mean.
Network domain filtering
When automation is involved, you can limit the Integrated Browser to an allow-list or a deny-list of domains. Configure that in Settings, under the network filter options. On a team, that is a way to be sure an automated flow can only reach your own staging environment.
Working with local dev servers
Point the Browser tab at localhost and the port your dev server uses. If
the setting for opening localhost links automatically is on, a local-server
link you click anywhere in Gyaanmitra opens in a Browser tab, in this
window, instead of your system's usual browser.
Certificates and remote sessions
A self-signed certificate on a local HTTPS dev server can be trusted for that host from the Browser tab's own certificate warning. You do not have to change your system's trust store. In a remote development session, the Browser tab can also go through a tunnel proxy, so a server that is only reachable from the remote machine is still something you can open from your local window.
Multiple tabs, one dedicated group
Lock an editor group so it only holds Browser tabs. That keeps a steady preview pane on one side of the window, however many code files you open and close on the other side. See Workspaces for more on editor group locking.