Jit-Browser
HeadlessChrome101: Jit-Browser가 Chrome을 다기능 브라우저–서버-브라우저 레이어로 전환하는 방법
이것은 Jit-Browser가 헤드리스 Chrome으로 무엇을 하는지, 독점적인 Jit-TR 런타임을 어떻게 사용하는지, 그리고 이것이 단순한 스크립트가 아닌 일류 브라우저 기능이 되기 위해 여전히 필요한 것이 무엇인지에 대한 평이한 언어로 된 설명입니다.
간단한 스크린샷 도구에서 Jit-Browser로
우리는 작은 명령줄 도구로 시작했습니다: getpage https://example.com page.png. Docker 컨테이너에서 Chrome을 실행하고, 페이지에서 렌더링된 example.com의 스크린샷을 찍고 종료했습니다.
유용한 개념 증명. 모든 호출은 콜드 스타트였습니다. 번역, 세션 또는 상태에 대해 아무것도 알지 못했습니다. 그것은 단지 헤드리스 카메라였습니다.
Jit-Browser는 다음 단계입니다. 여전히 실제 Chrome을 사용하지만 이제는:
- 페이지 내부에서 무슨 일이 일어나는지 기록합니다.
- Jit-TR 스크립트를 번역 레이어로 주입합니다.
- 쿠키 배너나 드롭다운과 같은 간단한 흐름을 따를 수 있습니다.
- 단순한 스크린샷이 아닌 완전히 번역된 HTML을 캡처합니다.
이 페이지는 우리가 손을 흔들고 있지 않다는 것을 보여주기 위해 그 파이프라인을 설명합니다. 우리는 브라우저 수준의 다국어 레이어가 실제로 어떻게 작동할 수 있는지를 보여주고 있습니다.
Jit-Browser 파이프라인 6단계
높은 수준에서 모든 캡처는 동일한 순서를 따릅니다.
-
Docker 내부에서 실제 Chrome(헤드리스)을 실행합니다.
우리는 Puppeteer(pptr.dev)를 사용하여 보이는 창 없이 일반 브라우저를 구동하는 동일한 엔진을 시작합니다. 사용자 정의 파서도 없고, 가짜 렌더링도 없습니다. -
쿠키나 로그인 상태를 적용합니다(구성된 경우).
로그인된 세션이 필요한 데모의 경우, 우리는 당신의 쿠키를 재생합니다. 무차별 대입, 비밀번호 추측, 우리가 제어하지 않는 계정 스크래핑은 없습니다. -
사용자처럼 대상 페이지를 정확히 로드합니다.
HTML, CSS, JavaScript, 폰트, 이미지. 우리는networkidle2(https://pptr.dev/api/puppeteer.page.waitfornetworkidle)를 기다려 느린 번들 및 폰트가 로드 완료되도록 합니다. -
Jit-TR 스니펫을 레이어로 주입합니다.
우리는 특허 출원 중인 런타임 코드에 대한 스크립트 태그를 추가합니다 – 예를 들어: