一种全新的软件界面设计方法

╰+攻爆jí腚メ 2022-08-24 01:54 64阅读 0赞

一种全新的软件界面设计方法

撰文:Aweay

你可转载，拷贝,但必须加入作者署名Aweay，如果用于商业目的,必须经过作者同意。

[下载实例代码][Link 1]

关键字：COM MySpy IE SetUIHanlder IcustomDoc IDocHostUIHandler GetExternal

**前言**

作者在解决各种问题的时候喜欢首先使用C++ Builder来尝试，这篇文章也是这样，但这并不影响其他开发工具的使用者阅读，因为这都是微软的开发技术，选择什么工具并不重要，我们理解了他的原理可以使用任何工具实现同样的功能。

**正文**

使用过VC.Net的朋友可能知道，在VC.Net中全新提供了一种基于Web的界面设计方法，不过可能真正用到的人很少，至少我在国内的软件中没有看到过这样的界面设计方法。当初使用VC.net的时候就希望BCB的下个版本可以加入这样灵活的界面设计方法，但是到现在还没有等到，我想也不能一直这样等下去，于是就自己研究其中的实现方法，终于让我研究出来。这篇文章就是讨论这样方法，以及在软件设计设计中的可行性。

说了这么多，可能还有朋友不知道这样的界面到底有什么不同，有什么优点呢？如果你也有同样的好奇感的话，请你继续看下去。

在Windows2000下，大家经常使用控制面板/添加、卸载软件的对话框就是基于这样的界面(Xp下暂时不清楚），我不说出来可能很少有人知道－那个对话框整个就是个网页？什么你不相信？如果是网页为什么能和本地的计算机程序交互？为什么不能选择网页里面的文字？为什么不能弹出右键菜单？如果是网页，那它的html代码在那里？

为了证明上面的说法，我们需要一些特殊的软件，这个软件就是作者写的MySpy，可以到作者的站点([http://siney.yeah.net][http_siney.yeah.net])免费下载使用，我们可以从MySpy的界面中看到添加/删除程序的对话框是个Internet Explorer\_Server，这说明它是个网页，

在MySpy的Web页面还可以看到这个页面的地址是：res://sp3res.dll/default.hta,

![Image 1][]

近一步使用MySpy得到这个网页的代码（不能直接右键获取代码），部分如下：

![Image 1][]

嗬嗬，是不是很神奇呢，这只是一个应用的例子，其实还有很多软件的界面使用了上面的方法来创建界面，比如Norton AntiVirsu,MS Visual Studio.net，C\# Builder等。其实深入仔细思考的话，这样的界面最困难的是如何和本地代码交互，为什么在网页里点一个按钮能执行自己的代码呢？有过COM编程经验的人，可能会想到用COM编写一个**外部**对象，在网页中使用脚本创建这个对象，然后调用对象的方法似乎可以完成这样的功能？但是这里有很多不好的地方：

1.需要注册COM的本地运行安全，否则IE会有安全警告，这肯定是最终用户不愿意看到的；

2.用户可以轻松从html代码里获得COM对象的使用方法（就像上面用MySpy获得代码一样），这样他们可以轻松使用你的COM对象完成他们自己的界面，这样不够隐蔽，不安全。

也许还有更多不好的地方，但暂时作者没有想到，因为微软及其他软件公司都不是这样做的，他们也许知道更多。下面我们就来讨论一种既安全又隐蔽的实现方法。

从IE4开始，微软提供了一个**ICustomDoc**接口，**ICustomDoc**的**SetUIHandler**允许用户设置一个基于**IDocHostUIHandler**的接口来接管界面处理器，在**IDocHostUIHandler**提供了很多的虚拟方法，需要程序员来重载他们实现不同的定制功能，这里有一篇文章详细介绍了这些信息*[http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/hosting/wbcustomization.asp][http_msdn.microsoft.com_library_default.asp_url_workshop_browser_hosting_wbcustomization.asp]，*在这里我们需要重载**GetExternal**方法来扩展IE DOM，如果我们成功的扩展了**DOM**，那么我们就这可以这样编写html代码来实现与本地程序交互，例如：

**HelloWorld**就是我们扩展的一个方法，当点击按钮的时候**external**对象会调用**HelloWorld**方法调用本地代码，对于**external**对象则会调用上面提到的**GetExternal**方法来查询是否提供了扩展，下面是如何实现**GetExternal**方法来实现扩展**external**对象，代码如下：

<table> 
 <tbody> 
 <tr> 
 <td style="border-right-color: rgb(236, 233, 216); border-right-width: initial; border-right-style: initial; padding-right: 0cm; border-top-color: rgb(236, 233, 216); border-top-width: initial; border-top-style: initial; padding-left: 0cm; padding-bottom: 0cm; border-left-color: rgb(236, 233, 216); border-left-width: initial; border-left-style: initial; width: 426pt; padding-top: 0cm; border-bottom-color: rgb(236, 233, 216); border-bottom-width: initial; border-bottom-style: initial; background-color: transparent; color: rgb(51, 51, 51); line-height: 150%; font-family: Tahoma; font-size: 9pt; ">class MyDocHandler :public IDocHostUIHandler{ &nbsp; long refcount;public:&nbsp; MyDocHandler() :refcount(1){ }&nbsp; virtual HRESULT STDMETHODCALLTYPE QueryInterface(REFIID classid, void** intf) { &nbsp;&nbsp;&nbsp; if (classid == IID_IUnknown)&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; *intf = (IUnknown*)this;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AddRef();&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; else if (classid == IID_IDocHostUIHandler)&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; *intf = (IDocHostUIHandler*)this;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AddRef();&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; else if (classid == IID_IDispatch)&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; *intf = (IDispatch*)this;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AddRef();&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; else&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOINTERFACE;&nbsp;&nbsp;&nbsp; return S_OK;&nbsp; }&nbsp; virtual ULONG STDMETHODCALLTYPE AddRef() { &nbsp;&nbsp;&nbsp; InterlockedIncrement(&amp;refcount);&nbsp;&nbsp;&nbsp; return refcount;&nbsp; }&nbsp; virtual ULONG STDMETHODCALLTYPE Release() { &nbsp;&nbsp;&nbsp; InterlockedDecrement(&amp;refcount);&nbsp;&nbsp;&nbsp; if (refcount == 0)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; delete this;&nbsp;&nbsp;&nbsp; return refcount;&nbsp; }&nbsp; //返回S_OK，屏蔽掉右键菜单&nbsp; virtual HRESULT STDMETHODCALLTYPE ShowContextMenu(&nbsp;&nbsp;&nbsp; /* [in] */ DWORD dwID,&nbsp;&nbsp;&nbsp; /* [in] */ POINT __RPC_FAR *ppt,&nbsp;&nbsp;&nbsp; /* [in] */ IUnknown __RPC_FAR *pcmdtReserved,&nbsp;&nbsp;&nbsp; /* [in] */ IDispatch __RPC_FAR *pdispReserved) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return S_OK;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE GetHostInfo(&nbsp;&nbsp;&nbsp; /* [out][in] */ DOCHOSTUIINFO __RPC_FAR *pInfo) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE ShowUI(&nbsp;&nbsp;&nbsp; /* [in] */ DWORD dwID,&nbsp;&nbsp;&nbsp; /* [in] */ IOleInPlaceActiveObject __RPC_FAR *pActiveObject,&nbsp;&nbsp;&nbsp; /* [in] */ IOleCommandTarget __RPC_FAR *pCommandTarget,&nbsp;&nbsp;&nbsp; /* [in] */ IOleInPlaceFrame __RPC_FAR *pFrame,&nbsp;&nbsp;&nbsp; /* [in] */ IOleInPlaceUIWindow __RPC_FAR *pDoc) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE HideUI( void) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE UpdateUI( void) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE EnableModeless(&nbsp;&nbsp;&nbsp; /* [in] */ BOOL fEnable) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE OnDocWindowActivate(&nbsp;&nbsp;&nbsp; /* [in] */ BOOL fActivate) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE OnFrameWindowActivate(&nbsp;&nbsp;&nbsp; /* [in] */ BOOL fActivate) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE ResizeBorder(&nbsp;&nbsp;&nbsp; /* [in] */ LPCRECT prcBorder,&nbsp;&nbsp;&nbsp; /* [in] */ IOleInPlaceUIWindow __RPC_FAR *pUIWindow,&nbsp;&nbsp;&nbsp; /* [in] */ BOOL fRameWindow) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE TranslateAccelerator(&nbsp;&nbsp;&nbsp; /* [in] */ LPMSG lpMsg,&nbsp;&nbsp;&nbsp; /* [in] */ const GUID __RPC_FAR *pguidCmdGroup,&nbsp;&nbsp;&nbsp; /* [in] */ DWORD nCmdID) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE GetOptionKeyPath(&nbsp;&nbsp;&nbsp; /* [out] */ LPOLESTR __RPC_FAR *pchKey,&nbsp;&nbsp;&nbsp; /* [in] */ DWORD dw) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE GetDropTarget(&nbsp;&nbsp;&nbsp; /* [in] */ IDropTarget __RPC_FAR *pDropTarget,&nbsp;&nbsp;&nbsp; /* [out] */ IDropTarget __RPC_FAR *__RPC_FAR *ppDropTarget) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE GetExternal(&nbsp;&nbsp;&nbsp; /* [out] */ IDispatch __RPC_FAR *__RPC_FAR *ppDispatch) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; *ppDispatch = new MyCommandHandler();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return S_OK;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE TranslateUrl(&nbsp;&nbsp;&nbsp; /* [in] */ DWORD dwTranslate,&nbsp;&nbsp;&nbsp; /* [in] */ OLECHAR __RPC_FAR *pchURLIn,&nbsp;&nbsp;&nbsp; /* [out] */ OLECHAR __RPC_FAR *__RPC_FAR *ppchURLOut) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE FilterDataObject(&nbsp;&nbsp;&nbsp; /* [in] */ IDataObject __RPC_FAR *pDO,&nbsp;&nbsp;&nbsp; /* [out] */ IDataObject __RPC_FAR *__RPC_FAR *ppDORet) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOTIMPL;&nbsp;&nbsp;&nbsp; }};</td> 
 </tr> 
 </tbody> 
</table>

上面重载了ShowContextMenu方法屏蔽掉右键菜单，使用户不能得到网页代码，关于GetExternal是这样实现的:

可以看到只是简单返回了**MyCommandHandler**对象，**MyCommandHandler**必须继承自**IDispatch**接口来实现支持自动化的调用方式，它是这样实现的：

<table> 
 <tbody> 
 <tr> 
 <td style="border-right-color: rgb(236, 233, 216); border-right-width: initial; border-right-style: initial; padding-right: 0cm; border-top-color: rgb(236, 233, 216); border-top-width: initial; border-top-style: initial; padding-left: 0cm; background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: rgb(243, 243, 243); padding-bottom: 0cm; border-left-color: rgb(236, 233, 216); border-left-width: initial; border-left-style: initial; width: 426pt; padding-top: 0cm; border-bottom-color: rgb(236, 233, 216); border-bottom-width: initial; border-bottom-style: initial; color: rgb(51, 51, 51); line-height: 150%; font-family: Tahoma; font-size: 9pt; background-position: initial initial; ">class MyCommandHandler : public IDispatch{ &nbsp; long refcount;public:&nbsp; MyCommandHandler() :refcount(1){ }&nbsp; virtual HRESULT STDMETHODCALLTYPE GetTypeInfoCount(&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [out] */ UINT *pctinfo){ &nbsp;&nbsp;&nbsp; return S_OK;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE GetTypeInfo(&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [in] */ UINT iTInfo,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [in] */ LCID lcid,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [out] */ ITypeInfo **ppTInfo){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return S_OK;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; virtual HRESULT STDMETHODCALLTYPE GetIDsOfNames(&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [in] */ REFIID riid,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [size_is][in] */ LPOLESTR *rgszNames,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [in] */ UINT cNames,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [in] */ LCID lcid,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [size_is][out] */ DISPID *rgDispId){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; *rgDispId=1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return S_OK;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; virtual /* [local] */ HRESULT STDMETHODCALLTYPE Invoke(&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [in] */ DISPID dispIdMember,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [in] */ REFIID riid,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [in] */ LCID lcid,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [in] */ WORD wFlags,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [out][in] */ DISPPARAMS *pDispParams,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [out] */ VARIANT *pVarResult,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [out] */ EXCEPINFO *pExcepInfo,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* [out] */ UINT *puArgErr){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(dispIdMember==1)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; MessageBox(0,"Hello World","Hello",0); //place your code here&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; frmweb-&gt;Edit1-&gt;Text="Hello World(这也可以？)";&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return S_OK;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp; virtual HRESULT STDMETHODCALLTYPE QueryInterface(REFIID classid, void** intf) { &nbsp;&nbsp;&nbsp; if (classid == IID_IDispatch)&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; *intf = (IDispatch*)this;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AddRef();&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; else&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return E_NOINTERFACE;&nbsp;&nbsp;&nbsp; return S_OK;&nbsp; }&nbsp; virtual ULONG STDMETHODCALLTYPE AddRef() { &nbsp;&nbsp;&nbsp; InterlockedIncrement(&amp;refcount);&nbsp;&nbsp;&nbsp; return refcount;&nbsp; }<p style="background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: rgb(243, 243, 243); background-position: initial initial; ">&nbsp; virtual ULONG STDMETHODCALLTYPE Release() { <p style="background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: rgb(243, 243, 243); background-position: initial initial; ">&nbsp;&nbsp;&nbsp; InterlockedDecrement(&amp;refcount);<p style="background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: rgb(243, 243, 243); background-position: initial initial; ">&nbsp;&nbsp;&nbsp; if (refcount == 0)<p style="background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: rgb(243, 243, 243); background-position: initial initial; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; delete this;<p style="background-image: initial; background-repeat: initial; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: rgb(243, 243, 243); background-position: initial initial; ">&nbsp;&nbsp;&nbsp; return refcount;&nbsp; }};</td> 
 </tr> 
 </tbody> 
</table>

如果大家了解一些COM知识，我们知道这里关键的是**GetIDsOfNames**和**Invoke**方法的实现，因为自动化对象只能通过这样的方式来调用，而不能使用函数指针直接调用虚拟方法，**GetIDsOfNames**查询指定的函数名的调用ID，就是说如果有一个方法是“HelloWorld”，那么它会先调用**GetIDsOfNames**方法来查询这个方法是否支持，如果支持则给出该方法的调用ID（通过修改rgDispId\[out\]参数），如果不支持则返回E\_NOTIMPL，他的实现简单如下：

这里我们假定了只有一个扩展函数HelloWorld，如果有多个，我们需要比较rgszNames参数的函数名返回不同的调用ID，有了调用ID，实现Invoke方法就很简单了：

根据dispIdMember的不同实现不同的代码，如果方法是有参数的可以在pDispParams中取得，如果有什么不明白可以参考MSDN和一些COM的书籍，这里就不详细解释了。

最后我们要做的就是使**我们的浏览器**知道我们扩展了external，代码如下：

注意上面的粗体“**我们的浏览器**”，因为这样的扩展仅针对与自己程序里使用WebBrowser控件，不影响IE本身的扩展，也就是说那个ext.htm文件只能在我们的程序中有效，就算其他用户得到了这段htm代码也不能正常运行的，如果你想测试，你得到的是：

![Image 1][]因为他们并不知道如何扩展external对象，这点就解决了刚才我们说的使用COM的问题。

说句实话设计这样界面还是有一定难度的，那么它在实际开发中到底有什么好处呢？我想至少有以下几点：

1.界面设计和程序逻辑设计分离，美工可以和程序员一起工作，界面设计再也不是没有审美细胞程序员的问题；

2.轻松实现Skin功能，界面的改变不需要重新编译代码，只需要换一个不同htm代码文件就可以；

3.再也无法使用Spy工具获得窗体Handler做各种Hook，使你的程序运行的更安全；

4.充分使用IE现有技术，搭建功能更强大的软件；

5.使你的软件看起来更酷，更专业。

怎么样？心动了吗？赶快改善你的界面吧。如果你有更多想法，可以通过 [siney@yeah.net][siney_yeah.net]取得联系。

**作者Blog：** [http://blog.csdn.net/Aweay/][http_blog.csdn.net_Aweay]

[Link 1]: http://siney.html.533.net/down/extWeb.rar
[http_siney.yeah.net]: http://siney.yeah.net/
[Image 1]: 
[http_msdn.microsoft.com_library_default.asp_url_workshop_browser_hosting_wbcustomization.asp]: http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/hosting/wbcustomization.asp
[siney_yeah.net]: mailto:siney@yeah.net
[http_blog.csdn.net_Aweay]: http://blog.csdn.net/Aweay/