求助！ chromedp 的截图功能

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 476 天前的主题，其中的信息可能已经有所发展或是发生改变。

背景：
公司最近有需求，要求用 chromedp 根据鼠标点击在页面点击触发截图功能。

遇到的问题：
截图功能使用的是 chromedp.FullScreenshot(&buf, 60) 函数
但是每次截图页面的 CSS 都会重新加载一下，导致页面会闪一下。

我看了日志，发现在调用 chromedp.FullScreenshot(&buf, 60) 函数的同时，会触发 CSS 重新加载的函数，目前我是通过在截图前禁用 css.Disable().Do(ctx) 和 dom.Disable().Do(ctx)实现的。
但是还有一个函数没法禁用，就是
{"method":"Page.frameResized","params：{},"sessionId":"92655201B7EA8489527B67E16091F564"}

有老哥遇到过同样的问题吗？都是如何解决的呢？

chromedp

截图

CSS

6 条回复 2024-06-25 10:48:29 +08:00

pengdachxx

2024-06-24 15:02:11 +08:00

你这个日志是怎么看的，我还不晓得怎么看日志呢

pengdachxx

2024-06-24 15:02:24 +08:00

是看的那个事件吗

Sanshi4396

2024-06-24 15:04:41 +08:00

@pengdachxx #2 控制台会打印的，类似这种
2024/06/24 15:03:35 <- {"method":"Network.loadingFinished","params":{"requestId":"31208.632","timestamp":446892.659466,"encodedDataLength":285},"sessionId":"D46A4793A6DC7372502899A729BBD49A"}
2024/06/24 15:03:35 <- {"method":"Target.targetInfoChanged","params":{"targetInfo":{"targetId":"D0FD29374C3317AC3722E54256D3661F","type":"page","title":"\u4ec0\u4e48\u503c\u5f97\u4e70 | \u79d1\u5b66\u6d88\u8d39 \u8ba4\u771f\u751f\u6d3b","url":"https://www.smzdm.com/","attached":false,"canAccessOpener":false,"browserContextId":"35896E7E3B59EE98CC255ED3893834C6"}}}

pengdachxx

2024-06-24 18:13:43 +08:00

@Sanshi4396 好的好的，学习了

body007

2024-06-25 09:03:07 +08:00

要不别用 chromedp 截图了，调用系统屏幕截图吧，参考： https://github.com/vova616/screenshot

Sanshi4396

2024-06-25 10:48:29 +08:00

@body007 #5 后来发现了，不能用 FullScreenshot ，得用 CaptureScreenshot ，这样就没问题了

求助 ！ chromedp 的截图功能

求助！ chromedp 的截图功能