通过 WebBrowser 获取网页截图

本文介绍通过WinForm中的控件WebBroswer获取网页截图。这个方法可以截取到大于屏幕区域的网页截图，但是对于网页上的Flash或者一些控件无法获取到图像。因为是WinForm的控件，所以未在WPF中测试。

在界面上加入一个文本框和一个按钮，文本框用于输入地址。在按钮按下的事件处理函数中初始化一个WebBrowser并打开网页，但它不在界面上显示。

1 /// <summary>
2 /// 按钮按下事件处理函数
3 /// </summary>
4 /// <param name="sender"></param>
5 /// <param name="e"></param>
6 private void SaveSnapshot_Click(object sender, EventArgs e)
7 {
8 WebBrowser webBrowser = new WebBrowser(); // 创建一个WebBrowser
9 webBrowser.ScrollBarsEnabled = false; // 隐藏滚动条
10 webBrowser.Navigate(address.Text); // 打开网页
11 webBrowser.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(webBrowser_DocumentCompleted); // 增加网页加载完成事件处理函数
12 }
在网页加载完成的处理函数中获取截图，调节图片大小并保存。

1 /// <summary>
2 /// 网页加载完成事件处理函数
3 /// </summary>
4 /// <param name="sender"></param>
5 /// <param name="e"></param>
6 void webBrowser_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
7 {
8 WebBrowser webBrowser = (WebBrowser)sender;
9
10 // 网页加载完毕才保存
11 if (webBrowser.ReadyState == WebBrowserReadyState.Complete)
12 {
13 // 获取网页高度和宽度,也可以自己设置
14 int height = webBrowser.Document.Body.ScrollRectangle.Height;
15 int width = webBrowser.Document.Body.ScrollRectangle.Width;
16
17 // 调节webBrowser的高度和宽度
18 webBrowser.Height = height;
19 webBrowser.Width = width;
20
21 Bitmap bitmap = new Bitmap(width, height); // 创建高度和宽度与网页相同的图片
22 Rectangle rectangle=new Rectangle(0,0,width,height); // 绘图区域
23 webBrowser.DrawToBitmap(bitmap, rectangle); // 截图
24
25 // 保存图片对话框
26 SaveFileDialog saveFileDialog = new SaveFileDialog();
27 saveFileDialog.Filter = "JPEG (*.jpg)|*.jpg|PNG (*.png)|*.png";
28 saveFileDialog.ShowDialog();
29
30 bitmap.Save(saveFileDialog.FileName); // 保存图片
31 }
32 }

示例下载(Visual Studio 2010)