Puppeteer의 `querySelectorAll`을 사용하는 `page.evaluate()`가 빈 개체를 반환하는 이유는 무엇입니까?

Puppeteer의 page.evaluate() QuerySelectorAll이 빈 객체를 반환하는 방법 이해

Puppeteer의 page.evaluate() 메서드는 JavaScript를 실행하기 위한 강력한 도구입니다. 브라우저를 통해 페이지의 요소와 상호 작용하고 정보를 검색할 수 있습니다. 그러나 때로는 querySelectorAll() 메서드가 빈 개체의 배열을 반환하는 문제가 발생할 수 있습니다.

이 문제는 평가 함수에서 반환된 값이 JSON 직렬화 가능해야 한다는 사실에서 발생합니다. querySelectorAll()에서 반환된 것과 같은 요소 및 문서 객체는 직접 직렬화할 수 없습니다.

문제 해결

이 문제를 해결하려면 요소에서 원하는 정보를 추출하고 JSON 직렬화 가능 데이터만 반환합니다. 페이지 링크 목록의 경우 다음과 같이 코드를 수정할 수 있습니다.

await page.evaluate((sel) => {
    let elements = Array.from(document.querySelectorAll(sel));
    let links = elements.map(element => {
        return element.href
    })
    return links;
}, sel);

이 코드는 각 요소에서 href 속성을 추출하고 JSON일 수 있는 문자열 배열을 반환합니다. 연재됩니다.

위 내용은 Puppeteer의 `querySelectorAll`을 사용하는 `page.evaluate()`가 빈 개체를 반환하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!