Primary navigation

Browser

Let ChatGPT research and interact with websites

Browser lets ChatGPT open websites, gather current information, and take action while you stay in control. Use it to compare options, complete a multi-step task on a website, or review a page you’re building.

Browser is available in ChatGPT on the web and in the ChatGPT desktop app.

Treat page content as untrusted context. Review the site and proposed action before sharing sensitive information or allowing ChatGPT to act.

The built-in browser in the ChatGPT desktop app gives you and ChatGPT a shared view of websites and local web apps inside a task. Use it to preview a page, leave visual feedback, or let ChatGPT interact with a site on your behalf.

The built-in browser uses a browser profile that is separate from your regular browser. It doesn’t automatically share your existing tabs or browser session. You can sign in directly when a task requires an account. Open Settings > Browser to manage browser data and any profile-import features available on your device.

Browser downloads go to your system Downloads folder by default. In Settings > Browser, you can choose another download location, reset it to the system default, or turn on Ask where to save downloads.

Use the Chrome extension instead when ChatGPT needs to work in an existing Chrome tab or use your regular Chrome profile.

Open the built-in browser from the toolbar, by clicking a URL, by navigating manually, or by pressing Cmd+Shift+B (Ctrl+Shift+B on Windows).

Computer Use in the browser

Computer Use lets ChatGPT operate the built-in browser directly. ChatGPT can open pages, click, type, inspect rendered state, take screenshots, and verify the result of its work in the page.

In the desktop app, open the Plugins Directory and install Browser. Then ask ChatGPT to use the browser in your task, or reference it directly with @Browser.

For example:

Use the browser to open http://localhost:3000/settings, reproduce the layout
bug, and fix only the overflowing controls.

ChatGPT asks before it uses a website unless you have already allowed that site. Manage allowed and blocked sites in Settings > Browser. ChatGPT also asks for confirmation before sensitive actions such as submitting information, making a purchase, changing permissions, or deleting data. ChatGPT can’t automate file uploads in the built-in browser.

Instructions on a page can be misleading or malicious. A website permission lets ChatGPT interact with that site; it doesn’t make the site’s content trustworthy or approve every action.

Preview a page

  1. Start your app’s development server in the integrated terminal or with a local environment action.
  2. Open the local route, file-backed page, or public page by clicking a URL or navigating manually in the browser.
  3. Review the rendered state alongside the code diff.
  4. Leave browser comments on the elements or areas that need changes.
  5. Ask ChatGPT to address the comments and keep the scope narrow.

For example:

I left comments on the pricing page in the built-in browser. Address the mobile
layout issues and keep the card structure unchanged.

Comment on the page

When a bug is visible only in the rendered page, use browser comments to give ChatGPT precise feedback.

  1. Turn on Annotation mode.
  2. Click an element, or drag to select an area.
  3. Write and save your comment.
  4. Send a message in the task asking ChatGPT to address the comments.

Comments work best when you name the problem and the result you want:

This button overflows on mobile. Keep the label on one line if it fits,
otherwise wrap it without changing the card height.
This tooltip covers the data point under the cursor. Reposition the tooltip so
it stays inside the chart bounds.

Styling feedback

When you add an annotation to a section on the page, select Adjust next to the text input to give ChatGPT more granular style feedback. You can change values such as font, text, spacing, and color, preview the result on the page, and then send the annotation with a clearer target.

Keep browser tasks scoped

Keep each browser task small enough to review in one pass.

  • Name the page, route, or URL.
  • Name the state you care about, such as loading, empty, error, or success.
  • Leave comments on the exact elements or areas that need changes.
  • Review the page again after ChatGPT finishes.
  • Ask ChatGPT to start or check the development server before it opens a local page.

For repository changes, use the review pane to inspect the changes and leave comments.

Developer mode

Developer mode works with Computer Use in Chrome and the built-in browser. It gives ChatGPT controlled access to the Chrome DevTools Protocol (CDP). Use it to profile JavaScript, inspect console output and network traffic, examine the DOM and applied styles, or diagnose an issue in the live browser.

To enable it, open Settings > Browser and, under Developer mode, turn on Enable full CDP access. If your organization has disabled this setting, you can’t enable it locally. Admins can set browser_use_full_cdp_access = false under [features] in requirements.toml to disable full CDP access and prevent users from enabling the corresponding setting in the ChatGPT desktop app.

Full CDP access can expose sensitive browser internals. ChatGPT asks for explicit approval before it uses full CDP to inspect a website. Review the site, task, and requested access before approving it.

Use @Browser for the built-in browser. To use Developer mode in Chrome, set up the Chrome extension and invoke @Chrome.

For example:

This app is slow. Use @Browser to capture a performance trace and inspect
network traffic, then identify the bottleneck.