求助 ! chromedp 的截图功能

187 天前
 Sanshi4396
背景:
公司最近有需求,要求用 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"}

有老哥遇到过同样的问题吗?都是如何解决的呢?
1109 次点击
所在节点    程序员
6 条回复
pengdachxx
187 天前
你这个日志是怎么看的,我还不晓得怎么看日志呢
pengdachxx
187 天前
是看的那个事件吗
Sanshi4396
187 天前
@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
186 天前
@Sanshi4396 好的好的,学习了
body007
186 天前
要不别用 chromedp 截图了,调用系统屏幕截图吧,参考: https://github.com/vova616/screenshot
Sanshi4396
186 天前
@body007 #5 后来发现了,不能用 FullScreenshot ,得用 CaptureScreenshot ,这样就没问题了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1052098

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX