스틸 브라우저: 브라우저 운영을 제어하는 인텔리전스 및 애플리케이션을 구축하기 위한 자동화된 웹 브라우저 API

일반 소개

스틸 브라우저는 AI 에이전트 및 애플리케이션을 위해 설계된 오픈 소스 브라우저 API입니다. 사용자가 인프라에 대한 걱정 없이 웹 작업을 자동화할 수 있는 전체 브라우저 인스턴스를 제공하며, Puppeteer, Playwright, Selenium 등 다양한 자동화 프레임워크를 지원하며 복잡한 브라우징 작업을 처리할 수 있습니다. 주요 기능으로는 세션 관리, 프록시 지원, 확장 프로그램 로딩, 디버깅 도구, 탐지 방지 기능 등이 있으며, 개발자가 기본 브라우저 컨트롤이 아닌 애플리케이션 자체에 집중할 수 있도록 하여 AI 애플리케이션 개발을 간소화하도록 설계된 것이 바로 Steel Browser입니다.

기능 목록

• 전체 브라우저 제어퍼펫티어와 CDP를 통해 Chrome 인스턴스를 완벽하게 제어할 수 있습니다.
• 세션 관리브라우저 상태, 쿠키 및 로컬 저장소를 유지합니다.
• 상담원 지원IP 로테이션을 위한 프록시 체인 관리 기능이 내장되어 있습니다.
• 확장 지원: 향상된 기능을 위해 맞춤 Chrome 확장 프로그램을 로드합니다.
• 디버깅 도구요청 로깅 및 세션 녹화 기능이 내장되어 있습니다.
• 역 감지 기능스텔스 플러그인 및 지문 관리 기능이 포함되어 있습니다.
• 리소스 관리자동 정리 및 브라우저 수명 주기 관리.
• 브라우저 도구페이지를 마크다운, 읽기 가능, 스크린샷 또는 PDF로 빠르게 변환하는 API를 제공합니다.

도움말 사용

설치 프로세스

1. Steel Cloud 계정 만들기Steel.dev를 방문하여 계정을 등록하세요.
2. 로컬 운영::
   • GHCR로 실행하세요:docker run ghcr.io/steel-dev/steel-browser
   • 철도 이용 원클릭 배포: 철도 방문 후 Steel 브라우저 템플릿을 선택합니다.
   • 렌더링으로 원클릭 배포: 렌더링으로 이동하여 스틸 브라우저 템플릿을 선택합니다.

사용 가이드라인

1. 브라우저 인스턴스 초기화하기::

   const puppeteer = require('puppeteer');
const browser = await puppeteer.launch({ headless: false });
const page = await browser.newPage();
await page.goto('https://example.com');

2. 세션 관리::
   • 세션을 저장합니다:await page.cookies();
   • 세션 로드:await page.setCookie(...cookies);
3. 프록시 설정::

   const browser = await puppeteer.launch({
args: ['--proxy-server=http://proxy-server:port']
});

4. 로드 확장::

   const browser = await puppeteer.launch({
headless: false,
args: [
'--disable-extensions-except=/path/to/extension',
'--load-extension=/path/to/extension'
]
});

5. 디버깅 도구::
   • 요청 로깅을 사용 설정합니다:page.on('request', request => console.log('Request:', request.url()));
   • 세션 녹화: 내장된 녹화 기능을 사용하여 디버깅 및 재생을 위해 브라우저 세션을 녹화할 수 있습니다.
6. 역 감지 기능::
   • 스텔스 플러그인을 사용합니다:const StealthPlugin = require('puppeteer-extra-plugin-stealth');
   • 지문 관리: 탐지되지 않도록 브라우저 지문을 구성합니다.

세부 운영 절차

1. 브라우저를 실행하고 페이지를 방문합니다.::

   const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://example.com');

2. 페이지 작업 수행::
   • 양식을 작성하세요:await page.type('#input', 'value');
   • 버튼을 클릭합니다:await page.click('#button');
   • 스크린샷:await page.screenshot({ path: 'screenshot.png' });
3. 동적 콘텐츠 처리::
   • 요소가 로드될 때까지 기다립니다:await page.waitForSelector('#element');
   • JavaScript를 실행합니다:await page.evaluate(() => { /* JavaScript代码 */ });
4. 관리 리소스::
   • 자동 정리: 브라우저 인스턴스가 너무 많은 리소스를 차지하지 않도록 자동 정리 정책을 구성합니다.
   • 수명 주기 관리: 기본 제공 수명 주기 관리 기능을 사용하여 브라우저 인스턴스를 자동으로 시작하고 종료합니다.

위의 자세한 도움말을 통해 사용자는 쉽게 스틸 브라우저를 시작하고 웹 자동화를 위한 강력한 기능을 최대한 활용할 수 있습니다.