如何将 mutationobserver 注入 puppeteer

Question

我希望跟踪更改 DOM 就像无头中的 mutationobserver chrome。所以我学习了 puppeteer 库，但不知道如何使用它。

可以追踪 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...
   }
})

如何将 mutationobserver 注入 puppeteer

How to inject mutationobserver to puppeteer

mutation-observers

puppeteer