puppeteer에 mutationobserver를 주입하는 방법

Question

헤드리스 크롬에서 mutationobserver와 같이 추적 된 DOM 추적을 원합니다. 그래서 나는 꼭두각시 도서관을 배우지 만, 어떻게 사용하는지 모른다.

인형극에서 DOM 변경을 추적하는 것이 가능합니까 ?? 감사합니다

Answer 1

음, 브라우저에 맞춤 코드를 삽입 할 수 있습니다.

한 가지 방법 : 노드 스크립트에서

await page.evaluate(() => { 
    const observer = new MutationObserver(
    function() { 
    // communicate with node through console.log method 
    console.log('__mutation') 
    } 
    ) 
    const config = { 
    attributes: true, 
    childList: true, 
    characterData: true, 
    subtree: true 
    } 
    observer.observe(target, config) 
}) 

:

page.on('console', async (msg) => { 
    if (msg.text === '__mutation') { 
    // do something... 
    } 
})