브라우저와 DOM

이 페이지는 브라우저 탭, 페이지, DOM, 스크린샷, 네트워크 관련 g.* API의 입구입니다.

g.nav.* - 탐색

메서드	설명
g.nav.navigateToUrl	현재 탭을 지정 URL로 이동합니다
g.nav.blockRedirects	리디렉션을 차단합니다
g.nav.allowRedirects	리디렉션을 다시 허용합니다

await g.nav.navigateToUrl("https://example.com");
await g.dom.waitForDomStable();

g.tabs.* - 탭

메서드	설명
g.tabs.getTabs	열린 브라우저 탭을 나열합니다
g.tabs.newBrowserTab	새 브라우저 탭을 만듭니다
g.tabs.setActiveBrowserTab	활성 탭을 전환합니다
g.tabs.closeTab	탭을 닫습니다

g.page.* - 페이지 정보와 실행

메서드	설명
g.page.getUrl	현재 URL을 가져옵니다
g.page.getDom	현재 DOM HTML을 가져옵니다
g.page.executeJS	페이지 문맥에서 JavaScript를 실행합니다
g.page.ocr	페이지 영역에 OCR을 실행합니다

g.page.executeJS()는 WebView2 결과 컨테이너를 처리하고 브라우저 쪽 코드가 반환한 객체, 배열, primitive 값을 스크립트로 돌려줍니다.

g.dom.* - DOM 조작

메서드	설명
g.dom.waitForDomStable	DOM이 안정될 때까지 기다립니다
g.dom.getElements	여러 요소에서 속성을 가져옵니다
g.dom.click	요소를 클릭합니다
g.dom.enterText	입력란에 텍스트를 입력합니다
g.dom.selectOption	select 요소의 선택지를 고릅니다
g.dom.pressKey	키 입력을 보냅니다

const products = await g.dom.getElements(".product", ["innerText", "data-price"]);
for (const product of products) {
  g.store.put("products", product.innerText, product);
}

g.screenshot.* - 스크린샷

메서드	설명
g.screenshot.screenshot	현재 뷰포트를 촬영합니다
g.screenshot.screenshotElement	지정 요소를 촬영합니다
g.screenshot.screenshotFullPage	전체 페이지를 촬영합니다

스크린샷은 AI 지원 조사와 워크플로 증적으로 유용합니다.

g.network.* - 네트워크

메서드	설명
g.network.search	기록된 네트워크 요청을 검색합니다
g.network.getById	요청 ID로 세부 정보를 가져옵니다
g.network.waitForRequest	조건에 맞는 요청을 기다립니다

HTTP 통신을 조사할 때는 HTTP 가로채기도 참조하세요.