通过 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)