puppeteer page修改css样式

1,808 阅读1分钟
await page.addStyleTag({
    content: "#cover {display:none}"
})

来源链接:blog.csdn.net/zhai_865327…

await page.evaluate(() => {
    const cover = document.querySelector('.cover');
    if (cover) {
        cover.style.visibility = 'hidden';
    }
});

来源链接:www.dazhuanlan.com/2020/02/18/…

以上两种方式是在页面加载后执行,会出现闪烁的效果,需要在页面加载前执行以下代码:

// 初始化加载和导航时脚本执行的函数(初始化脚本执行环境)
await page.evaluateOnNewDocument(() => {
   // 页面加载完成
    window.addEventListener('DOMContentLoaded', () => {
        const cover = document.querySelector('.cover');
        if (cover) {
            cover.style.visibility = 'hidden';
        }
    });
});

来源链接:www.cnblogs.com/justart/p/9…