C#实现的滚动网页截图功能示例

C#实现滚动网页截图功能攻略

1. 概述

滚动截图是一种常见的网页截图技术，它可以将整个页面的截图多次拼接在一起，形成完整的网页截图。本文将介绍通过C#编写实现滚动网页截图功能。

2. 实现思路

1. 使用WebBrowser控件作为载体，在WebBrowser控件中载入网页，通过Javascript将网页的滚动条滚动到底部，将页面的高度计算出来。

2. 将WebBrowser控件的高度设置为页面的高度，并执行截图，将截图保存为图片文件。

3. 将网页滚动条回滚至顶部，在执行上述操作，直至滚动条滚动至页面底部，多次拍摄得到完整的网页截图。

3. 示例说明1：使用WebBrowser控件载入网页

// 使用WebBrower控件载入指定网址
private void btnLoad_Click(object sender, EventArgs e)
{
    webBrowser1.ScriptErrorsSuppressed = true;
    webBrowser1.Navigate(txtUrl.Text);
}

在页面载入完毕后，调用Javascript代码将网页滚动至底部，并计算页面的高度。

// 网页载入完成后，获取页面高度并滚动至底部
private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    var webBrowser = sender as WebBrowser;
    if (!webBrowser.ReadyState.Equals(WebBrowserReadyState.Complete)) return;

    var doc = webBrowser.Document;
    var height = webBrowser.Document.Body.ScrollRectangle.Height;
    webBrowser.Height = height;
    webBrowser.Width = doc.Body.ScrollRectangle.Width;

    HtmlElement head = doc.GetElementsByTagName("head")[0];
    HtmlElement s = doc.CreateElement("script");
    s.SetAttribute("text", "function SetHeight(){ document.body.style.height = document.body.scrollHeight + 'px'; }");
    head.AppendChild(s);
    webBrowser.Document.InvokeScript("SetHeight");

    webBrowser.Document.Window.ScrollTo(0, height);
}

以上代码中，通过创建一个Javascript函数SetHeight()，设置webBrowser控件的高度为网页的滚动高度。

4. 示例说明2：保存当前滚动截图

在将滚动条滚动至底部，并执行网页截图后，需要将截图保存至图片文件。

// 保存当前网页截图
private void SaveScreenshot(string path)
{
    var rect = new Rectangle(webBrowser1.Document.Body.ScrollRectangle.Location, webBrowser1.Document.Body.ScrollRectangle.Size);
    webBrowser1.Width = webBrowser1.Document.Body.ScrollRectangle.Width;

    Bitmap bmp = new Bitmap(webBrowser1.Width, rect.Height);
    webBrowser1.DrawToBitmap(bmp, new Rectangle(0, 0, webBrowser1.Width, rect.Height));

    bmp.Save(path);
}

将绘制的图像保存至指定的路径，然后对滚动条旋转至顶部，继续执行截图功能即可。

5. 总结

通过上述方式，可以较为简便地实现网页滚动截屏功能，为网页内容的展示提供了更多可能性。

本文介绍了C#实现滚动网页截屏功能的方法，包括通过WebBrowser载入网页和Javascript控制滚动条等技术，同时给出了两个示例说明，完整介绍了实现步骤。