🌐
Agent Browser
브라우저 개발 도구설치 명령어
npx clawhub@latest install headless-browser
설치 안내
1
환경 확인
Node.js 22 이상과 OpenClaw가 설치되어 있는지 확인하세요. 터미널에서 openclaw --version을 실행하여 확인할 수 있습니다.
2
설치 실행
위의 설치 명령어를 터미널에서 실행하세요. ClawHub가 자동으로 Agent Browser을(를) ~/.openclaw/skills/ 디렉토리에 다운로드하고 설치합니다.
3
설치 확인
openclaw skills list를 실행하여 설치된 스킬 목록을 확인하고, Agent Browser이(가) 목록에 표시되는지 확인하세요.
4
매개변수 설정 (선택사항)
아래 소개의 설정 안내에 따라 ~/.config/openclaw/openclaw.json5에 스킬 설정 항목을 추가하세요.
수동 설치 방법: Skill 폴더를
~/.openclaw/skills/ 또는 프로젝트의 skills/ 디렉토리에 복사하세요. 폴더에 SKILL.md 파일이 포함되어 있어야 합니다.
웹 자동화
데이터 수집
스크린샷 캡처
상세 소개
Agent Browser는 헤드리스 브라우저 자동화 기능을 제공하여 OpenClaw가 실제 사람처럼 브라우저를 조작할 수 있게 합니다 — 버튼 클릭, 폼 입력, 페이지 스크롤, 데이터 추출.
핵심 기능
- 웹 제어: 마우스 클릭, 키보드 입력, 페이지 스크롤 등 사용자 조작을 시뮬레이션
- 데이터 수집: 동적으로 렌더링된 웹 페이지에서 구조화된 데이터를 추출. JavaScript 렌더링 페이지 지원
- 스크린샷 & PDF: 웹 페이지의 스크린샷 촬영 또는 PDF 생성. 아카이브와 보고에 활용
- Cookie 관리: 브라우저 세션과 Cookie를 관리하며 인증된 작업 지원
설정 방법
{
skills: {
"headless-browser": {
browser: "chromium",
headless: true,
viewport: { width: 1280, height: 720 },
timeout: 30000,
proxy: null
}
}
}
사용 시나리오
- 웹 폼 입력과 제출 프로세스를 자동화
- JavaScript 렌더링이 필요한 웹사이트에서 데이터 수집
- 웹사이트 기능의 E2E 자동 테스트
- 정기적으로 웹 페이지를 스크린샷하여 페이지 변경 모니터링