MFC C++代码与WebBrowser HTML的互动（还需完善）

herowuking 2015-10-07

展开全文

testWebBrowser.h

[cpp] view plain copy

// testWebBrowserDlg.h : 头文件
//
#pragma once
#include "explorer1.h"
#import "C:\windows\system32\mshtml.tlb" // location of mshtml.tlb
#include <map>
#include <comdef.h>
#include <mshtml.h>
#include <mshtmdid.h>
/*
标题：研究C++代码与WebBrowser HTML的互动
Author:Kagula
Date:2014-08-03
Test Env: Windows8.1、VS2013 Update2
内容：
[1]如何拿到html中的elements，并取得它的属性!
[2]如何响应element激发的事件
[3]如何修改指定element的属性
参考资料
[1]《MFC中针对WebBrowser控件增加link链接点击事件监控》
http://www./wp/work/509.html
[2]《IWebBrowser2 interface》
http://msdn.microsoft.com/en-us/library/aa752127(VS.85).aspx
[3]《Handling HTML Element Events》
http://msdn.microsoft.com/en-us/library/bb508508(v=vs.85).aspx
[4]《如何从 VC web 浏览器应用程序中调用脚本函数》
http://support.microsoft.com/kb/q185127
[5]《MFC中针对WebBrowser控件增加link链接点击事件监控》
http://www./wp/work/509.html
[6]《How do I get the font color from a piece of HTML source code?》
http:///questions/7402347/how-do-i-get-the-font-color-from-a-piece-of-html-source-code
[7]《How to create a sink interface in a MFC-based COM client》
http://support.microsoft.com/default.aspx?scid=kb;en-us;181845
[8]《How To Use the Microsoft WebBrowser Control to Render HTML from Memory》
http://www./blog/2010/03/24/how-to-use-the-microsoft-webbrowser-control-to-render-html-from-memory/comment-page-1/
[9]《How do I get the font color from a piece of HTML source code?》
http:///questions/7402347/how-do-i-get-the-font-color-from-a-piece-of-html-source-code
[10]《Using the WebBrowser control, simplified》
http://www./Articles/3919/Using-the-WebBrowser-control-simplified
[11]《Microsoft Internet Explorer 5.5 behaviors》
http://msdn.microsoft.com/en-us/magazine/cc301528.aspx
*/
namespace kagula
{
struct ConnectionInfo
{
IDispatch* dispatch;
IID iid;
DWORD cookie;
ConnectionInfo() {}
ConnectionInfo(IDispatch *dispatch, IID iid, DWORD cookie)
{
this->dispatch = dispatch, this->iid = iid, this->cookie = cookie;
}
};
}
// CtestWebBrowserDlg 对话框
class CtestWebBrowserDlg : public CDialogEx
{
// 构造
public:
CtestWebBrowserDlg(CWnd* pParent = NULL); // 标准构造函数
// 对话框数据
enum { IDD = IDD_TESTWEBBROWSER_DIALOG };
protected:
virtual void DoDataExchange(CDataExchange* pDX); // DDX/DDV 支持
// 实现
protected:
HICON m_hIcon;
// 生成的消息映射函数
virtual BOOL OnInitDialog();
afx_msg void OnSysCommand(UINT nID, LPARAM lParam);
afx_msg void OnPaint();
afx_msg HCURSOR OnQueryDragIcon();
DECLARE_MESSAGE_MAP()
public:
CExplorer1 m_webBrowser;
std::map<IDispatch*, kagula::ConnectionInfo> m_mapElem2EventCookie;//用于释放Connection
void ReleaseHTMLConnection();
void DemoGetElement(LPDISPATCH pDisp, VARIANT* URL);
void DemoGetAllLinkElement(LPDISPATCH pDisp, VARIANT* URL);
void OnClick(MSHTML::IHTMLEventObj *pEvtObj);
void OnMouseOver(MSHTML::IHTMLEventObj *pEvtObj);
afx_msg void OnBnClickedBtnGetall();
//added new three map macros
DECLARE_EVENTSINK_MAP()
DECLARE_DISPATCH_MAP()
DECLARE_INTERFACE_MAP()
void BeforeNavigate2Explorer1(LPDISPATCH pDisp, VARIANT* URL, VARIANT* Flags, VARIANT* TargetFrameName, VARIANT* PostData, VARIANT* Headers, BOOL* Cancel);
void DocumentCompleteExplorer1(LPDISPATCH pDisp, VARIANT* URL);
afx_msg void OnClose();
};

testWebBrowser.cpp

[cpp] view plain copy

// testWebBrowserDlg.cpp : 实现文件
//
#include "stdafx.h"
#include "testWebBrowser.h"
#include "testWebBrowserDlg.h"
#include "afxdialogex.h"
#include <string>
#include <afxctl.h>
#ifdef _DEBUG
#define new DEBUG_NEW
#endif
// CtestWebBrowserDlg 对话框
CtestWebBrowserDlg::CtestWebBrowserDlg(CWnd* pParent /*=NULL*/)
: CDialogEx(CtestWebBrowserDlg::IDD, pParent)
{
m_hIcon = AfxGetApp()->LoadIcon(IDR_MAINFRAME);
}
void CtestWebBrowserDlg::DoDataExchange(CDataExchange* pDX)
{
CDialogEx::DoDataExchange(pDX);
DDX_Control(pDX, IDC_EXPLORER1, m_webBrowser);
}
BEGIN_MESSAGE_MAP(CtestWebBrowserDlg, CDialogEx)
ON_WM_SYSCOMMAND()
ON_WM_PAINT()
ON_WM_QUERYDRAGICON()
ON_BN_CLICKED(IDC_BTN_GETALL, &CtestWebBrowserDlg::OnBnClickedBtnGetall)
ON_WM_CLOSE()
END_MESSAGE_MAP()
// CtestWebBrowserDlg 消息处理程序
BOOL CtestWebBrowserDlg::OnInitDialog()
{
CDialogEx::OnInitDialog();
// 设置此对话框的图标。当应用程序主窗口不是对话框时，框架将自动
// 执行此操作
SetIcon(m_hIcon, TRUE); // 设置大图标
SetIcon(m_hIcon, FALSE); // 设置小图标
// TODO: 在此添加额外的初始化代码
EnableAutomation();//没有这行代码会导致GetIDispatch(FALSE)失败！
m_webBrowser.Navigate(L"D:\\Workspace\\testWebBrowser\\testWebBrowser\\test.html",NULL,NULL,NULL,NULL);
return TRUE; // 除非将焦点设置到控件，否则返回 TRUE
}
void CtestWebBrowserDlg::OnSysCommand(UINT nID, LPARAM lParam)
{
CDialogEx::OnSysCommand(nID, lParam);
}
// 如果向对话框添加最小化按钮，则需要下面的代码
// 来绘制该图标。对于使用文档/视图模型的 MFC 应用程序，
// 这将由框架自动完成。
void CtestWebBrowserDlg::OnPaint()
{
if (IsIconic())
{
CPaintDC dc(this); // 用于绘制的设备上下文
SendMessage(WM_ICONERASEBKGND, reinterpret_cast<WPARAM>(dc.GetSafeHdc()), 0);
// 使图标在工作区矩形中居中
int cxIcon = GetSystemMetrics(SM_CXICON);
int cyIcon = GetSystemMetrics(SM_CYICON);
CRect rect;
GetClientRect(&rect);
int x = (rect.Width() - cxIcon + 1) / 2;
int y = (rect.Height() - cyIcon + 1) / 2;
// 绘制图标
dc.DrawIcon(x, y, m_hIcon);
}
else
{
CDialogEx::OnPaint();
}
}
//当用户拖动最小化窗口时系统调用此函数取得光标
//显示。
HCURSOR CtestWebBrowserDlg::OnQueryDragIcon()
{
return static_cast<HCURSOR>(m_hIcon);
}
void CtestWebBrowserDlg::OnBnClickedBtnGetall()
{
// TODO: Add your control notification handler code here
}
BEGIN_EVENTSINK_MAP(CtestWebBrowserDlg, CDialogEx)
ON_EVENT(CtestWebBrowserDlg, IDC_EXPLORER1, 250, CtestWebBrowserDlg::BeforeNavigate2Explorer1, VTS_DISPATCH VTS_PVARIANT VTS_PVARIANT VTS_PVARIANT VTS_PVARIANT VTS_PVARIANT VTS_PBOOL)
ON_EVENT(CtestWebBrowserDlg, IDC_EXPLORER1, 259, CtestWebBrowserDlg::DocumentCompleteExplorer1, VTS_DISPATCH VTS_PVARIANT)
END_EVENTSINK_MAP()
/* 第三步：某种事件（元素类型无关）和哪个响应函数连*/
BEGIN_DISPATCH_MAP(CtestWebBrowserDlg, CCmdTarget)
DISP_FUNCTION_ID(CtestWebBrowserDlg, "HTMLELEMENTEVENTS2_ONCLICK", DISPID_HTMLELEMENTEVENTS2_ONCLICK, CtestWebBrowserDlg::OnClick, VT_EMPTY, VTS_DISPATCH)
DISP_FUNCTION_ID(CtestWebBrowserDlg, "HTMLELEMENTEVENTS2_ONMOUSEOVER", DISPID_HTMLELEMENTEVENTS2_ONMOUSEOVER, CtestWebBrowserDlg::OnMouseOver, VT_EMPTY, VTS_DISPATCH)
END_DISPATCH_MAP()
/* 第二步(方案一)：处理所有种类元素的事件 */
BEGIN_INTERFACE_MAP(CtestWebBrowserDlg, CCmdTarget)
INTERFACE_PART(CtestWebBrowserDlg, DIID_HTMLElementEvents2, Dispatch)
END_INTERFACE_MAP()
/* 第二步（方案二）：只处理两种元素的事件*/
//BEGIN_INTERFACE_MAP(CtestWebBrowserDlg, CCmdTarget)
// INTERFACE_PART(CtestWebBrowserDlg, DIID_HTMLButtonElementEvents2, Dispatch)
// INTERFACE_PART(CtestWebBrowserDlg, DIID_HTMLAnchorEvents2, Dispatch)
//END_INTERFACE_MAP()
void CtestWebBrowserDlg::BeforeNavigate2Explorer1(LPDISPATCH pDisp, VARIANT* URL, VARIANT* Flags, VARIANT* TargetFrameName, VARIANT* PostData, VARIANT* Headers, BOOL* Cancel)
{
// TODO: Add your message handler code here
CString strURL(URL->bstrVal);
*Cancel = FALSE;
if (strURL == _T("about:blank"))
*Cancel = FALSE;
else
{
if (strURL.Find(_T("ThePageNeverReach.htm")) > 0 )
{//阻止跳转到指定页面！
*Cancel = TRUE;
return;
}
}
if (!(*Cancel))
{
//进入新页面之前，先释放掉事件连接
ReleaseHTMLConnection();
}
//演示：HTML元素属性或内容替换
}
void CtestWebBrowserDlg::DocumentCompleteExplorer1(LPDISPATCH pDisp, VARIANT* URL)
{
//DemoGetElement(pDisp, URL);
DemoGetAllLinkElement(pDisp, URL);
}
//演示：鼠标点击事件
void CtestWebBrowserDlg::OnClick(MSHTML::IHTMLEventObj *pEvtObj)
{
MSHTML::IHTMLElementPtr elem = pEvtObj->srcElement;
CString cstrID = elem->Getid();
CString cstrTag = elem->GettagName();//标签的名字
_variant_t name = elem->getAttribute(_T("name"), 0);
CString cstrName;
if (name.vt != VT_NULL)
{
cstrName = name;
}
_variant_t href = elem->getAttribute(_T("href"), 0);
CString cstrHref;
if (href.vt != VT_NULL)
{
cstrHref = href.bstrVal;
}
CString msg;
msg.Format(L"[id=%s][name=%s][tag=%s][href=%s]", cstrID.GetBuffer(),
cstrName.GetBuffer(), cstrTag.GetBuffer(), cstrHref.GetBuffer(MAX_PATH));
AfxMessageBox(msg);
}
//演示：MouseOver事件
void CtestWebBrowserDlg::OnMouseOver(MSHTML::IHTMLEventObj *pEvtObj)
{
MSHTML::IHTMLElementPtr elem = pEvtObj->srcElement;
CString cstrID = elem->Getid();
TRACE(L"OnMouseOver cstrID = [%s]", cstrID.GetBuffer());
}
//演示：拿到指定ID的标签元素，并打印它的属性
void CtestWebBrowserDlg::DemoGetElement(LPDISPATCH pDisp, VARIANT* URL)
{
// Get the HTML document.
//IHTMLDocument2Ptr htmlDoc;
//htmlDoc = m_browser.GetDocument();
IWebBrowser2Ptr webBrowser(pDisp);
IDispatchPtr htmlDocDisp;
(*webBrowser).get_Document(&htmlDocDisp);
MSHTML::IHTMLDocument2Ptr htmlDoc(htmlDocDisp);
// Get the collection of elements.
MSHTML::IHTMLElementCollectionPtr elements;
(*htmlDoc).get_all(&elements);
//演示:如何拿到id属性为"myFontTag"的元素，并获取它的属性
IDispatchPtr disp;
_variant_t index(0L, VT_I4);
do
{
disp = (*elements).item(_variant_t("myFontTag"), index);
if (disp != NULL)
{
// Examine their action attribute to determine what should be done.
MSHTML::IHTMLElementPtr element(disp);
//打印mytag标签color属性的值
variant_t vtValue = element->getAttribute("color", 0);
CString cstr = vtValue;
TRACE(L"mytag标签的color属性为%s\n", cstr.GetBuffer(MAX_PATH));
++index.lVal;
}
} while (disp != NULL);
}
/*
拿到元素，并做链接
[1]《AfxConnectionAdvise》
http://msdn.microsoft.com/en-us/library/b9h84ebk.aspx
[2]《How to create a sink interface in a MFC-based COM client》
http://support.microsoft.com/default.aspx?scid=kb;en-us;181845
[3]《同Document建立Connection》
http://www./ch08e.htm
*/
void CtestWebBrowserDlg::DemoGetAllLinkElement(LPDISPATCH pDisp, VARIANT* URL)
{
// Get the HTML document. //
IWebBrowser2Ptr webBrowser(pDisp);
IDispatchPtr htmlDocDisp;
(*webBrowser).get_Document(&htmlDocDisp);
MSHTML::IHTMLDocument2Ptr htmlDoc(htmlDocDisp);
if (htmlDoc == NULL) //URL属性为空
{
return;
}
DWORD dwCookie = 0;
// Get the collection of elements.
MSHTML::IHTMLElementCollectionPtr elements;
(*htmlDoc).get_all(&elements);
IDispatchPtr disp;
_variant_t index(0L, VT_I4);
do
{
//Get all elements
disp = (*elements).item(index, index);
if (disp != NULL)
{
// Examine their action attribute to determine what should be done.
IDispatchPtr element(disp);
MSHTML::IHTMLElementPtr elemTag(disp);
//第一步：建立Connection
DWORD dwCookie = 0;
BSTR name = NULL;
elemTag->get_tagName(&name);
if (name != NULL)
{
//is link!!!!
LPUNKNOWN pUnkSink = GetIDispatch(FALSE);
//关联全部类型元素
if (AfxConnectionAdvise(element, DIID_HTMLElementEvents2, pUnkSink, FALSE, &dwCookie))
{
kagula::ConnectionInfo ci(element.GetInterfacePtr(), DIID_HTMLElementEvents2, dwCookie);
m_mapElem2EventCookie[element.GetInterfacePtr()] = ci;
}
//只关联下面两种类型事件，解除注释
//if (_tcsicmp(name, _T("a")) == 0)
//{
// if (AfxConnectionAdvise(element, DIID_HTMLAnchorEvents2, pUnkSink, FALSE, &dwCookie))
// {
// kagula::ConnectionInfo ci(element.GetInterfacePtr(), DIID_HTMLAnchorEvents2,dwCookie);
// m_mapElem2EventCookie[element.GetInterfacePtr()] = ci;
// if (name != NULL)
// {
// std::wstring wsName = name;//打印调试信息
// TRACE(L"get tag:%s, bind DIID_HTMLAnchorEvents2\n", wsName.c_str());
// }
// }
//}
//else if (_tcsicmp(name, _T("button")) == 0)
//{
// if (AfxConnectionAdvise(element, DIID_HTMLButtonElementEvents2, pUnkSink, FALSE, &dwCookie))
// {
// kagula::ConnectionInfo ci(element.GetInterfacePtr(), DIID_HTMLButtonElementEvents2, dwCookie);
// m_mapElem2EventCookie[element.GetInterfacePtr()] = ci;
// }
//}
}//end if
++index.lVal;
}
} while (disp != NULL);
}
//释放同HTML的Connection
void CtestWebBrowserDlg::ReleaseHTMLConnection()
{
std::map<IDispatch *, kagula::ConnectionInfo>::iterator itr;
for (itr = m_mapElem2EventCookie.begin(); itr != m_mapElem2EventCookie.end(); itr++)
{//DIID_HTMLDocumentEvents
AfxConnectionUnadvise(itr->first, itr->second.iid, GetIDispatch(FALSE), FALSE, itr->second.cookie);//DIID_HTMLAnchorEvents2,DIID_HTMLButtonElementEvents
}
m_mapElem2EventCookie.clear();
}
void CtestWebBrowserDlg::OnClose()
{
//在窗口关闭前，释放Connection，否则Process会挂掉
ReleaseHTMLConnection();
CDialogEx::OnClose();
}

test.html

[html] view plain copy

<head>
<title></title>
</head>
<body>
<h1 id="myH1Tag">这是主页面，用于测试C++得到事件</h1>
<font id="myFontTag" color=#5a6571>这是我的标签</font> <br />
<input id="myInputTag" type="button" value="这里元素不会响应button类型事件"/><br/>
<button id="myButtonTag" type="button">测试点击事件</button>
<br />
<br />
<a id="idOfA" name="nameOfA" href="file:D:\Workspace\testWebBrowser\testWebBrowser\ThePageNeverReach.htm">测试禁止页面跳转</a><br/>
<a id="id2OfA" name="name2OfA" href="file:D:\Workspace\testWebBrowser\testWebBrowser\HTMLPage.htm">测试用户点击链接， C++后台得到消息！</a>
</body>

ThePageNeverReach.html

[html] view plain copy