Browser
ChatGPT가 웹사이트를 조사하고 상호작용하도록 하세요
Browser를 사용하면 사용자가 제어권을 유지하면서 ChatGPT가 웹사이트를 열고, 최신 정보를 수집하고, 작업을 수행할 수 있습니다. 옵션을 비교하거나, 웹사이트에서 여러 단계로 구성된 작업을 완료하거나, 개발 중인 페이지를 검토할 때 사용하세요.
Browser는 웹용 ChatGPT와 ChatGPT 데스크톱 앱에서 사용할 수 있습니다.
페이지 콘텐츠는 신뢰할 수 없는 컨텍스트로 취급하세요. 민감한 정보를 공유하거나 ChatGPT의 작업 수행을 허용하기 전에 사이트와 제안된 작업을 검토하세요.
ChatGPT 데스크톱 앱의 내장 브라우저에서는 채팅 안에서 사용자와 ChatGPT가 웹사이트와 로컬 웹 앱을 함께 볼 수 있습니다. 페이지를 미리 보거나, 시각적 피드백을 남기거나, ChatGPT가 사용자를 대신해 사이트와 상호작용하도록 할 때 사용하세요.
내장 브라우저는 일반 브라우저와 분리된 브라우저 프로필을 사용합니다. 기존 탭이나 브라우저 세션은 자동으로 공유되지 않습니다. 작업에 계정이 필요하면 직접 로그인할 수 있습니다. 기기에서 제공되는 브라우저 데이터 및 프로필 가져오기 기능을 관리하려면 Settings > Browser를 여세요.
Browser 다운로드는 기본적으로 시스템의 Downloads 폴더에 저장됩니다. Settings > Browser에서 다른 다운로드 위치를 선택하거나, 시스템 기본값으로 재설정하거나, Ask where to save downloads를 켤 수 있습니다.
ChatGPT가 기존 Chrome 탭에서 작업하거나 일반 Chrome 프로필을 사용해야 한다면 대신 Chrome 확장 프로그램을 사용하세요.
도구 모음에서, URL을 클릭하여, 직접 탐색하여, 또는 Cmd+Shift+B (Windows에서는 Ctrl+Shift+B)를 눌러 내장 브라우저를 여세요.
주소 표시줄에서 검색하기
내장 브라우저의 주소 표시줄에 입력하기 시작하면 방문 기록에서 페이지를 찾을 수 있습니다. 일치하는 페이지를 선택해 다시 열거나, 일치하는 방문 기록이 없으면 검색어를 입력해 Google에서 검색하세요.
내장 브라우저는 자체 프로필과 방문 기록을 유지합니다. 검색 결과에 일반 Chrome 프로필이나 다른 브라우저의 페이지가 자동으로 포함되지는 않습니다.
방문 기록 관리하기
Settings > Browser를 열어 내장 브라우저의 방문 기록을 검색하거나, 방문했던 페이지를 다시 열거나, 조직에서 허용하는 경우 방문 기록 항목을 삭제하세요. Clear browsing data를 사용하여 삭제할 기간과 인터넷 사용 기록 데이터 유형을 선택할 수 있습니다.
사용 가능한 경우 ChatGPT는 현재 작업에 필요한 페이지를 찾기 위해 방문 기록 검색 권한을 요청할 수 있습니다. 액세스를 허용하기 전에 요청을 검토하세요. 방문 기록에는 내부 URL, 검색어 및 기타 민감한 정보가 포함될 수 있으므로 작업에 해당 컨텍스트가 필요한 경우에만 허용하세요.
브라우저에서 Computer Use 사용하기
데스크톱 앱에서 Computer Use를 사용하면 ChatGPT Work 또는 Codex가 내장 브라우저를 직접 조작할 수 있습니다. 선택한 환경은 페이지를 열고, 클릭하고, 입력하고, 렌더링된 상태를 검사하고, 스크린샷을 찍고, 페이지에서 작업 결과를 확인할 수 있습니다.
ChatGPT를 선택하고 전환기에서 Work를 켜거나 Codex를 선택하세요. Plugins
Directory를 열고 Browser를 설치하세요. 그런 다음 작업에서 ChatGPT 또는 Codex에
브라우저를 사용하도록 요청하거나 @Browser을 사용해 직접 참조하세요.
예:
Use the browser to open http://localhost:3000/settings, reproduce the layout
bug, and fix only the overflowing controls.이미 허용한 사이트가 아니라면 ChatGPT는 웹사이트를 사용하기 전에 권한을 요청합니다. 허용하거나 차단한 사이트는 Settings > Browser에서 관리하세요. ChatGPT는 정보 제출, 구매, 권한 변경 또는 데이터 삭제와 같은 민감한 작업을 수행하기 전에도 확인을 요청합니다. ChatGPT는 내장 브라우저에서 파일 업로드를 자동화할 수 없습니다.
페이지 미리 보기
- 통합 터미널 또는 로컬 환경 작업으로 앱의 개발 서버를 시작합니다.
- URL을 클릭하거나 브라우저에서 직접 탐색하여 로컬 경로, 파일 기반 페이지 또는 공개 페이지를 엽니다.
- 코드 diff와 함께 렌더링된 상태를 검토합니다.
- 변경이 필요한 요소나 영역에 브라우저 댓글을 남깁니다.
- ChatGPT에 댓글을 반영하도록 요청하고 작업 범위를 좁게 유지합니다.
예:
I left comments on the pricing page in the built-in browser. Address the mobile
layout issues and keep the card structure unchanged.페이지에 댓글 달기
렌더링된 페이지에서만 버그가 보이는 경우 브라우저 댓글을 사용해 ChatGPT에 정확한 피드백을 제공하세요.
- Annotation mode를 켭니다.
- 요소를 클릭하거나 드래그하여 영역을 선택합니다.
- 댓글을 작성하고 저장합니다.
- 채팅에서 ChatGPT에 댓글을 반영하도록 요청하는 메시지를 보냅니다.
문제와 원하는 결과를 명시하면 댓글이 가장 효과적으로 작동합니다.
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.스타일 피드백
페이지의 섹션에 주석을 추가할 때 텍스트 입력 옆의 Adjust를 선택하면 ChatGPT에 더 세밀한 스타일 피드백을 제공할 수 있습니다. 글꼴, 텍스트, 간격, 색상 등의 값을 변경하고 페이지에서 결과를 미리 본 다음, 더 명확한 목표와 함께 주석을 보낼 수 있습니다.
브라우저 작업 범위 제한하기
각 브라우저 작업은 한 번에 검토할 수 있을 만큼 작게 유지하세요.
- 페이지, 경로 또는 URL을 명시하세요.
- 로딩, 비어 있음, 오류 또는 성공 등 확인하려는 상태를 명시하세요.
- 변경이 필요한 정확한 요소나 영역에 댓글을 남기세요.
- ChatGPT가 작업을 마치면 페이지를 다시 검토하세요.
- 로컬 페이지를 열기 전에 ChatGPT에 개발 서버를 시작하거나 확인하도록 요청하세요.
저장소 변경 사항은 검토 창에서 검사하고 댓글을 남기세요.
Developer mode
Developer mode는 Chrome 및 내장 브라우저의 Computer Use와 함께 작동합니다. 이 모드는 ChatGPT에 Chrome DevTools Protocol (CDP)에 대한 제어된 액세스를 제공합니다. JavaScript 프로파일링, 콘솔 출력 및 네트워크 트래픽 검사, DOM 및 적용된 스타일 확인, 실시간 브라우저 문제 진단에 사용하세요.
활성화하려면 Settings > Browser를 열고
Developer mode 아래에서 Enable full CDP access를 켜세요. 조직에서 이 설정을
비활성화했다면 로컬에서 활성화할 수 없습니다. 관리자는
requirements.toml의
[features] 아래에 browser_use_full_cdp_access = false을 설정하여 전체 CDP 액세스를
비활성화하고 사용자가 ChatGPT 데스크톱 앱에서 해당 설정을 활성화하지 못하도록 할 수
있습니다.
전체 CDP 액세스는 민감한 브라우저 내부 정보를 노출할 수 있습니다. ChatGPT는 전체 CDP를 사용해 웹사이트를 검사하기 전에 명시적인 승인을 요청합니다. 승인하기 전에 사이트, 작업 및 요청된 액세스를 검토하세요.
내장 브라우저에는 @Browser을 사용하세요. Chrome에서 Developer mode를
사용하려면 Chrome 확장 프로그램을 설정하고 @Chrome을 호출하세요.
예:
This app is slow. Use @Browser to capture a performance trace and inspect
network traffic, then identify the bottleneck.