cefsharp-winform一键网页快照invokeCapture完美实现（源码及知识点）

久爱物联网

于 2022-12-18 13:22:10 发布

阅读量575

点赞数 1

分类专栏：久爱Cefsharp 久爱物联久爱折腾文章标签： cefsharp winform网页快照网页一键快照 cef快照

本文链接：https://blog.csdn.net/uaime/article/details/128361313

版权

久爱Cefsharp 同时被 3 个专栏收录

109 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

久爱折腾

52 篇文章 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

久爱物联

49 篇文章 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何使用CEFSharp在WinForm中实现网页快照功能，包括获取页面真实高度、模拟设备设置、截屏保存和设备恢复等步骤。通过执行JavaScript脚本获取页面高度，并利用Emulation.SetDeviceMetricsOverrideAsync、Page.CaptureScreenshotAsync和Emulation.ClearDeviceMetricsOverrideAsync方法完成快照操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现这个功能查找了几乎所有材料，都没法完全系统的实现想要的功能。终于摸索成功完美实现

大概步骤：1 获取页面真实高度（并滚动到底部）需要执行js脚本 2 模拟设备开启（手机端，需要设置几个参数，宽高和deviceScaleFactor默认1.0） 3 截屏保存（弹出对话框或默认路径） 4恢复模拟设备。

1、获取代码高度相关（介绍方法，具体根据需要修改）

        private static async void docheight(FrameLoadEndEventArgs e)
        {
            //可直接执行js的方法  e.Browser.MainFrame.ExecuteJavaScriptAsync("document.body.style.overflow = 'auto'");//隐藏滚动条hidden/auto自动/   其他方法以此类推 。
            var documentHeight = (await e.Browser.MainFrame.EvaluateScriptAsPromiseAsync("return document.body.scrollHeight"))?.Result;//宽高同时获取document.body.scrollWidth+','+document.body.scrollHeight