使用Pyppeteer截图时，经常遇到页面未完全加载就截图的问题，导致结果不完整或空白。本文通过一个案例分析，讲解如何解决这个问题并提升截图效率。
问题：使用以下代码进行截图：
page = await self.browser.newPage()
await page.evaluateOnNewDocument('() =>{ Object.defineProperty(navigator, "webdriver", { get: () => false }); }')
try:
await page.setUserAgent(useragent().random)
await page.goto(url)
await page.screenshot({'path': path})
time.sleep(0.5) # 尝试避免错误，但无效
await page.close()
except Exception as e:
print(f"截图失败: {e}")
pass
time.sleep(0.5) 无法保证截图完整，asyncio.sleep(10)虽然有效，但效率低且不适用于所有网站。
原因：await page.goto(url) 默认会在页面加载到一定程度后返回，但这可能不足以渲染所有内容，特别是动态加载内容丰富的网站。
解决方案：修改page.goto()方法的参数，使其等待页面完全加载后再返回。建议修改代码如下：
await page.goto(url, {
# timeout: 2 * 1000, # 可选，设置超时时间
waitUntil: ['load', 'domcontentloaded', 'networkidle0']
})
通过设置waitUntil参数为['load', 'domcontentloaded', 'networkidle0']，确保页面完全加载，包括DOM内容加载完成和网络请求空闲后才截图。 这避免了截图不完整的问题，也无需使用time.sleep()或asyncio.sleep()进行固定时间等待，提高了效率和适应性。
参数解释：
-
'load'：等待整个页面完全加载。 -
'domcontentloaded'：等待DOM树加载完成。 -
'networkidle0'：等待所有网络请求空闲。
根据具体网页的加载特性，选择合适的参数组合。 例如，如果页面主要内容在DOM加载完成后就已渲染完成，则可以只使用'domcontentloaded'。
通过以上修改，可以有效解决Pyppeteer截图不完整的问题，并提高截图效率。
