网页发生改变，输出改变后的结果

当网页内容发生变化时，如果你正在使用Web爬虫或动态网页测试工具（如Selenium、Puppeteer等），通常需要实时监控或者定期刷新页面来获取更新的内容。这里以JavaScript库如Puppeteer为例，假设你已经打开了一个网页并设置了监听：

const puppeteer = require('puppeteer');

async function monitorWebPage(url) {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();

    // 访问网页
    await page.goto(url);

    // 监听DOM变化
    await page.on('domcontentchange', async () => {
        try {
            // 获取当前页面源码或特定元素的变化
            const newContent = await page.evaluate(() => {
                return document.documentElement.innerHTML; // 或者某个特定元素的innerText
            });

            console.log('网页内容已变更，新的内容是:', newContent);
        } catch (error) {
            console.error('错误:', error);
        }
    });

    // 如果需要，可以设置定时检查，比如每秒一次
    setInterval(async () => {
        await page.reload({ waitUntil: 'networkidle2' }); // 重新加载页面，等待网络活动停止两次
        // 上述代码块再次执行
    }, 1000); // 每秒执行

    await browser.close();
}

// 调用函数并传入URL
monitorWebPage('http://example.com');

在这个例子中，我们监听了`domcontentchange`事件，这是当文档主体内容完成解析时触发的。当网页结构发生变化时，新的内容会被打印出来。