puppeteer|自动化UI测试|JS|零基础入门（四）——页面截图、元素截图

最新推荐文章于 2025-10-18 15:05:20 发布

原创

最新推荐文章于 2025-10-18 15:05:20 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #软件测试 #ui #chrome devtools

本文介绍了如何使用Puppeteer进行自动化UI测试，特别是页面和元素的截图功能。通过page.screenshot()和elementHandle.screenshot() API，可以方便地进行全页面或指定区域的截图，便于对比UI界面并检查问题。适合初学者参考。

话不多说，看代码

//登陆页面截图，保存在ScreenShot文件夹，并命名为login_page.png
 await page.screenshot({
   
   
        path:'login_page.png'
    }) 
//登陆按钮截图，保存在ScreenShot文件夹，并命名为login_button.png
 await login_btn.screenshot({
   
   
 		path:'login_button.png'
 	})