MFC C++代码与WebBrowser HTML的互动

testWebBrowser.h


[cpp] view plaincopy在CODE上查看代码片派生到我的代码片
// 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.mworkbox.com/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.mworkbox.com/wp/work/509.html 
[6]《How do I get the font color from a piece of HTML source code?》 
http://stackoverflow.com/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.nuonsoft.com/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://stackoverflow.com/questions/7402347/how-do-i-get-the-font-color-from-a-piece-of-html-source-code 
[10]《Using the WebBrowser control, simplified》 
http://www.codeproject.com/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 plaincopy在CODE上查看代码片派生到我的代码片
// 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.popkistopki.ru/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 plaincopy在CODE上查看代码片派生到我的代码片
<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 plaincopy在CODE上查看代码片派生到我的代码片
<HTML>  
<HEAD>  
<META NAME="GENERATOR" Content="Microsoft Visual Studio">  
<TITLE></TITLE>  
</HEAD>  
<BODY>  
    <h1>不会跳转到这个页面！</h1>  
</BODY>  
</HTML>