用Visual C#打造多页面网页浏览器-阿里云开发者社区

一、简介

大家都知道，目前比较流行的网络浏览器如Mozilla FireFox以及MyIE2等都具有多页面浏览功能，每打开一个新的页面都自动产生一个新的选项卡页面，页面的关闭也十分简便。这种设计思想使得用户在浏览多个网页时桌面十分简洁，也避免了用户等待单页面显示的苦恼。由于这些浏览器一般都支持操作多种文件格式，所以当浏览本地机器上的多个文件时也极为方便。

本文使用Visual C# 详细介绍如何实现这种多页面浏览功能。同时，还实现了下面附加功能：打印, 打印预览，页面属性，选项，查找，查看页面源文件等。

二、关键技术分析

解决问题的关键在于对浏览器控件WebBrowser 的NewWindow2事件的编程。当需要显示某种文件而生成一个新窗口时，NewWindow2 事件即被激活。注意，该事件发生在WebBrowser控件的新窗口产生之前。例如，作为对导航到一个新窗口或者一个脚本控制的window.open方法的响应，即发生该事件。为了声明当一个新窗口被打开时，将使用我们自己的浏览器程序，应该把参数ppDisp置为Application 对象。此时，如果你选择“在新窗口中打开”，则新产生一个窗口来显示Web页面。你也可以把ReGISterAsBrowser 设置为TRUE，这将导致新生成的WebBrowser控件参与到窗口命名的冲突问题上。例如，如果一个窗口的名字在脚本的另外一处用到，那么该控件被派上用场，而不是再产生一个新的窗口，因为控件在打开一个新的窗口之前先检查一下所有已存在的窗口名称以避免命名冲突。在本文示例中，作为对该事件的响应，我们动态地创建一个tab页面，并通过调用CreateNewWebBrowser()方法产生一个 WebBrowser控件作为其子控件――这里每一个子控件都有一个包含该控件相关信息的tag属性。详见下面的源码：

private void axWebBrowser1_NewWindow2(object sender, AxSHDocVw.DWebBrowserEvents2_NewWindow2Event e)
{
AxSHDocVw.AxWebBrowser　 _axWebBrowser = CreateNewWebBrowser();
e.ppDisp = _axWebBrowser.Application;
_axWebBrowser.RegisterAsBrowser = true;
}

private AxSHDocVw.AxWebBrowser CreateNewWebBrowser()
{
AxSHDocVw.AxWebBrowser _axWebBrowser = new AxSHDocVw.AxWebBrowser();
_axWebBrowser.Tag = new HE_WebBrowserTag();
TabPage _TabPage = new TabPage();
_TabPage.Controls.Add(_axWebBrowser);
_axWebBrowser.Dock = DockStyle.Fill;
_axWebBrowser.BeforeNavigate2 += new AxSHDocVw.DWebBrowserEvents2_BeforeNavigate2EventHandler(this.axWebBrowser1_BeforeNavigate2);

_axWebBrowser.DocumentComplete += new AxSHDocVw.DWebBrowserEvents2_DocumentCompleteEventHandler(this.axWebBrowser1_DocumentComplete);

_axWebBrowser.NavigateComplete2 += new AxSHDocVw.DWebBrowserEvents2_NavigateComplete2EventHandler(this.axWebBrowser1_NavigateComplete2);

_axWebBrowser.NavigateError += new AxSHDocVw.DWebBrowserEvents2_NavigateErrorEventHandler(this.axWebBrowser1_NavigateError);

_axWebBrowser.NewWindow2 += new AxSHDocVw.DWebBrowserEvents2_NewWindow2EventHandler(this.axWebBrowser1_NewWindow2);

_axWebBrowser.ProgressChange += new AxSHDocVw.DWebBrowserEvents2_ProgressChangeEventHandler(this.axWebBrowser1_ProgressChange);

_axWebBrowser.StatusTextChange += new AxSHDocVw.DWebBrowserEvents2_StatusTextChangeEventHandler(this.axWebBrowser1_StatusTextChange);

_axWebBrowser.TitleChange += new AxSHDocVw.DWebBrowserEvents2_TitleChangeEventHandler(this.axWebBrowser1_TitleChange);

_axWebBrowser.CommandStateChange += new AxSHDocVw.DWebBrowserEvents2_CommandStateChangeEventHandler(this.axWebBrowser1_CommandStateChange);

tabControl1.TabPages.Add(_TabPage);
tabControl1.SelectedTab = _TabPage;

return _axWebBrowser;

}

注意，每一个WebBrowser控件都有一个tag，我定义成一个简单的class，它用来包含一些该控件相关的独有信息。请看：

public class HE_WebBrowserTag
{
public int _TabIndex = 0;
public bool _CanBack = false;
public bool _CanForward = false;
}

三、实现“查找”、“查看页面源文件”、“选项”对话框等功能

注意本例程中使用了一个未公开的GUID，其在将来的系统中可以发生变更。

1、定义 IOleCommandTarget 接口

为定义一个.net接口以获得关于一个COM接口的参考,请遵从下列步骤:

1) 赋予.NET接口相应的COM接口的GUID值；

2) 包含对接口中所有方法的类型声明；

3) 包含对Mshtml.dll和Shdocvw.dll文件的参考，在Visual C# .NET工程中操作，请遵从：

A. 在项目菜单下单击“添加引用”；

B. 单击“COM” 选项卡；

C. 双击“Microsoft HTML Object Library” 和“Microsoft Internet Controls”。
　　4) 应该在程序命名空间声明之前，包含下面的接口声明以添加对Microsoft HTML (MSHTML) IOleCommandTarget接口的参照引用：

using System;
using System.Runtime.InteropServices;

[StructLayout(LayoutKind.Sequential,CharSet=CharSet.Unicode)]

public struct OLECMDTEXT
{
public uint cmdtextf;
public uint cwActual;
public uint cwBuf;
[MarshalAs(UnmanagedType.ByValTStr,SizeConst=100)]public char rgwz;
}

[StructLayout(LayoutKind.Sequential)]

public struct OLECMD
{
public uint cmdID;
public uint cmdf;
}

// IOleCommandTarget的Interop定义

[ComImport,

Guid("b722bccb-4e68-101b-a2bc-00aa00404770"),

InterfaceType(ComInterfaceType.InterfaceIsIUnknown)]

public interface IOleCommandTarget
{
//重要: 下面方法的顺序非常重要，因为本示例中我们使用的是早期绑定，详见MSDN中有关.net/COM互操作的参考。
void QueryStatus(ref Guid pguidCmdGroup, UInt32 cCmds,
[MarshalAs(UnmanagedType.LPArray, SizeParamIndex=1)] OLECMD[] prgCmds, ref OLECMDTEXT CmdText);
void Exec(ref Guid pguidCmdGroup, uint nCmdId, uint nCmdExecOpt, ref object pvaIn, ref object pvaOut);
}

2、为DCGI_IWebBrowser定义一个GUID

必须定义CGI_IWebBrowser的GUID以通知MSHTML如何来处理你的命令ID。在.NET中实现如下：

private Guid cmdGuid = new Guid("ED016940-BD5B-11CF-BA4E-00C04FD70816");
private enum MiscCommandTarget { Find = 1, ViewSource, Options }

3、调用Exec()方法

注意，下列三个过程成功调用Exec()的前提是，已经存在名为webBrowser的浏览器控件的被包容实例。

private mshtml.HTMLDocument GetDocument()
{
try
{
mshtml.HTMLDocument htm = (mshtml.HTMLDocument)axWebBrowser2.Document;
return htm;
}
catch
{
throw (new Exception("不能从WebBrowser控件中获取文件对象"));
}
}

//查看源码的方法

public void ViewSource()
{
IOleCommandTarget cmdt;
Object o = new object();
try
{
cmdt = (IOleCommandTarget)GetDocument();
cmdt.Exec(ref cmdGuid, (uint)MiscCommandTarget.ViewSource,
(uint)SHDocVw.OLECMDEXECOPT.OLECMDEXECOPT_DODEFAULT, ref o, ref o);
}
catch(Exception e)
{
System.Windows.Forms.MessageBox.Show(e.Message);
}
}

public void Find()
{
IOleCommandTarget cmdt;
Object o = new object();
try
{
cmdt = (IOleCommandTarget)GetDocument();
cmdt.Exec(ref cmdGuid, (uint)MiscCommandTarget.Find,
(uint)SHDocVw.OLECMDEXECOPT.OLECMDEXECOPT_DODEFAULT, ref o, ref o);
}
catch(Exception e)
{
System.Windows.Forms.MessageBox.Show(e.Message);
}
}

//显示“选项”对话框的方法

public void InternetOptions()
{
IOleCommandTarget cmdt;
Object o = new object();
try
{
cmdt = (IOleCommandTarget)GetDocument();
cmdt.Exec(ref cmdGuid, (uint)MiscCommandTarget.Options,
(uint)SHDocVw.OLECMDEXECOPT.OLECMDEXECOPT_DODEFAULT, ref o, ref o);
}
catch
{
// 注意：因为该过程相应的CMDID是在Internet Explorer处理
// ，所以此处的异常代码块将总被激活，即使该对话框及其操作成功。
//当然，你可以通过浏览器选择设置来禁止这种错误的出现。
//不过，即使出现这种提示，对你的主机也无任何损害。
}
}

四、总结

本文通过C#编例，详细介绍如何实现一种多页面浏览程序的基本原理。欢迎同仁批评指正。另外，本文所附源程序在Windows 2000/.Net 2003/Internet Explorer 6平台上调试通过。