REAReverse Engineer Anything
한국어

홈 / 가이드 /브라우저 관찰

무슨 일이 일어나는지 봐
당신이 클릭 할 때.

작은 브라우저 앱을 사용하여 작업,네트워크 요청 및 JavaScript 즉,다운로드를 빌드합니다.

내보내기를 클릭하면 어떻게 되나요?

그 참고 브라우저 예 이 노트 내보내기 버튼. 그것을 클릭하면 로드 notes.json,두 음을 다음과 같이 포맷합니다. CSV,그리고 다운로드를 시작합니다.

에서 클릭하CSV다운로드

  1. 01*당신메모 내보내기를 클릭합니다캡처를 실행하는 동안 브라우저에서 작업을 수행합니다.
  2. 02 · REA요청 기록선택한 페이지에서 요청 상태 및 응답 상태를 캡처합니다.
  3. 03*귀하의 에이전트내보내기 코드 읽기관찰된 요청에 연결 fetch("./notes.json") 그 안에 export.js.

GET notes.json → 200 → notes[] → CSV

메모 내보내기를 클릭하기 전에 캡처를 시작합니다.

오픈 Chrome 원격 디버깅

별도의 브라우저 프로필과 로컬 디버깅 포트를 사용하여 호스팅 노트 예제를 엽니다. 시작 Linux:

예제 브라우저 시작 
google-chrome \
  --remote-debugging-port=9222 \
  --user-data-dir=/tmp/rea-notes-browser \
  https://reverseengineeranything.app/examples/notes-web/

사용된 브라우저의 실행 파일 경로에macOS또는Windows. 페이지를 검사할 다른 페이지로 바꿀 수 있습니다.

REA연결하는 이러한 기존 브라우저입니다. 당신은 페이지의 제어를 유지 작업을 수행하고 완료되면 브라우저를 닫습니다.

에이전트에게 한 가지 작업을 시청하도록 요청

코딩 에이전트

사용 REA 내가 수출 노트를 클릭하는 동안이 페이지를 검사합니다. 그것은 어떤 요청을하고,어떻게 CSV 내장?

예 프롬프트. 에이전트에 디버깅 끝점 제공, http://127.0.0.1:9222 그리고 페이지 당신이 클릭하기 전에 캡처를 시작하자.

에이전트가 페이지 대상을 검색하고 관찰 창을 시작한 다음 결과 증거를 읽습니다. 그런 다음 내보내기 뒤에 스크립트를 검사 할 수 있습니다.

또는 터미널에서 캡처

페이지의 대상 아이디 찾기:

페이지 찾기 
npx -y rea-agents@latest list-browser-targets \
  http://127.0.0.1:9222 --json

참고 예제와 함께 대상을 선택합니다. 교체 TARGET_ID 그 아이디 아래,다음 실행:

다음 10 초 캡처 
npx -y rea-agents@latest inspect-web-page \
  http://127.0.0.1:9222 TARGET_ID \
  --observation-ms 10000 \
  --include-accessibility-text \
  --include-json-body-shapes --json

명령을 몇 초 동안 연결한 다음 을 클릭합니다 노트 내보내기 그 브라우저에서. 결과는 관찰 창이 끝난 후에 도착합니다.

캡처된 결과에는 선택한 페이지,해당 창 중 네트워크 활동 및 응답 모양이 포함됩니다. 이전 요청은 이 캡처 외부에 있습니다.

요청 및 내보내기 스크립트 읽기

녹음된 REA 4.1.0 로컬 노트 예제
캡처 된 사실 값
요청 GET /examples/notes-web/notes.json
응답 200 · application/json
요청 시작자 export.js *스크립트
응답 구조 notes[] 함께 id 그리고 title 필드
로드된 스크립트 읽기 
npx -y rea-agents@latest inspect-web-page \
  http://127.0.0.1:9222 TARGET_ID \
  --include-script-sources --json

요청은 데이터 원본을 식별하고 REA 기록 export.js 그 시작자로서 캡처된 스크립트 원본을 읽고 데이터 사용 방법을 확인합니다:

export.js *예제 소스 발췌 
const response = await fetch("./notes.json");
const { notes } = await response.json();
// Format each note as a CSV row.
const url = URL.createObjectURL(new Blob([csv], { type: "text/csv" }));
link.href = url;
link.download = "notes.csv";
link.click();

다운로드는 <URL> 응답을 사용하여 페이지에 구성됩니다. 그 CSV 포맷 단계는 스크립트에서 온다;네트워크 캡처는이 클릭이 요청 된 것을 설정합니다 notes.json.

예제 열기 · 다운로드 export.js · 다운로드 notes.json

요청하는 스크립트 찾기 notes.json. 쉼표 또는 따옴표가 포함 된 제목은 어떻게 이스케이프합니까?

설치된 JavaScript 또는 Electron 앱,계속 응용 프로그램 워크플로 파일 및 프로세스 경계를 따르십시오.

상단