虽然现在用WebBrowser的人越来越少了,但是还是有很多项目必须要用IE浏览器,虽然恨死了IE浏览器,但是也招架不住它的不可或缺性。
本文用的WebBrowser是MFC自带的ActiveX插件,直接拖到MFC对话框上的。添加变量为CExplorer1 c_explore。
一、MFC调用JavaScript代码
这个功能实现比较简单,网上也很多资料,这里只简单记录一下:在对话框类内添加两个成员变量:
CComQIPtr<IHTMLDocument2> spDoc;
CComDispatchDriver spScript;
然后在为WebBrowser添加一个事件DocumentComplete,头文件中自动生成
DECLARE_EVENTSINK_MAP()
void DocumentCompleteExplorer1(LPDISPATCH pDisp, VARIANT* URL);
实现代码中自动生成
BEGIN_EVENTSINK_MAP(COcxDialog, CDialogEx)
ON_EVENT(COcxDialog, IDC_EXPLORER1, 259, COcxDialog::DocumentCompleteExplorer1, VTS_DISPATCH VTS_PVARIANT)
END_EVENTSINK_MAP()
void COcxDialog::DocumentCompleteExplorer1(LPDISPATCH pDisp, VARIANT* URL)
{
// TODO: 在此处添加消息处理程序代码
}
在这个函数体中添加代码, 获取JavaScript代码对象:
spDoc = c_explore.get_Document();
spDoc->get_Script(&spScript);
然后调用JavaScript代码就很简单了,如下:
CComVariant var1 = _T("Hello World");
spScript.Invoke1(L"CppCallJS", &var1);
二、JavaScript调用MFC代码
这部分比较麻烦了,需要自己实现IDispatch接口下的纯虚函数,步骤如下。
先在对话框上继承IDispatch:
class COcxDialog : public CDialogEx, public IDispatch
再重写7个方法:
private:
virtual HRESULT STDMETHODCALLTYPE GetTypeInfoCount(UINT *pctinfo);
virtual HRESULT STDMETHODCALLTYPE GetTypeInfo(UINT iTInfo, LCID lcid, ITypeInfo **ppTInfo);
virtual HRESULT STDMETHODCALLTYPE GetIDsOfNames(REFIID riid, LPOLESTR *rgszNames, UINT cNames, LCID lcid, DISPID *rgDispId);
virtual HRESULT STDMETHODCALLTYPE Invoke(DISPID dispIdMember, REFIID riid, LCID lcid, WORD wFlags, DISPPARAMS *pDispParams, VARIANT *pVarResult, EXCEPINFO *pExcepInfo, UINT *puArgErr);
virtual HRESULT STDMETHODCALLTYPE QueryInterface(REFIID riid, void **ppvObject);
virtual ULONG STDMETHODCALLTYPE AddRef();
virtual ULONG STDMETHODCALLTYPE Release();
实现代码如下:
enum
{
Enum_JSCallCppCB,
};
HRESULT STDMETHODCALLTYPE COcxDialog::GetTypeInfoCount(UINT *pctinfo)
{
return E_NOTIMPL;
}
HRESULT STDMETHODCALLTYPE COcxDialog::GetTypeInfo(UINT iTInfo, LCID lcid, ITypeInfo **ppTInfo)
{
return E_NOTIMPL;
}
HRESULT STDMETHODCALLTYPE COcxDialog::GetIDsOfNames(REFIID riid, LPOLESTR *rgszNames, UINT cNames, LCID lcid, DISPID *rgDispId)
{
//判断字符串数量,如果不是预想的数量个数,则不调用任何方法
if (cNames != 1)
return E_NOTIMPL;
if (wcscmp(rgszNames[0], L"JSCallCppCB") == 0){
*rgDispId = Enum_JSCallCppCB;
return S_OK;
}
else
return E_NOTIMPL;
}
HRESULT STDMETHODCALLTYPE COcxDialog::Invoke(DISPID dispIdMember, REFIID riid, LCID lcid,
WORD wFlags, DISPPARAMS *pDispParams, VARIANT *pVarResult, EXCEPINFO *pExcepInfo, UINT *puArgErr)
{
//通过dispIdMember判断调用的是哪个方法
if (dispIdMember == Enum_JSCallCppCB)
{
if (pDispParams->cArgs != 1)
return E_NOTIMPL;
if (pDispParams->rgvarg[0].vt != VT_BSTR)
return E_NOTIMPL;
JSCallCppCB(pDispParams->rgvarg[0].bstrVal);
return S_OK;
}
else
return E_NOTIMPL;
}
HRESULT STDMETHODCALLTYPE COcxDialog::QueryInterface(REFIID riid, void **ppvObject)
{
if (riid == IID_IDispatch || riid == IID_IUnknown) {
*ppvObject = static_cast<IDispatch*>(this);
return S_OK;
}
else
return E_NOINTERFACE;
}
ULONG STDMETHODCALLTYPE COcxDialog::AddRef()
{
return 1;
}
ULONG STDMETHODCALLTYPE COcxDialog::Release()
{
return 1;
}
void COcxDialog::JSCallCppCB(const wchar_t *msg)
{
//这里就收到了一个字符串,就是JavaScript传递过来的
//做一些操作
}
要让JavaScript成功调用MFC上的方法,需要将MFC上的浏览器对象传递给JavaScript,所以在DocumentCompleteExplorer1函数中,添加一段代码:
CComVariant var(static_cast<IDispatch*>(this));
spScript.Invoke1(L"CppObject", &var);
最后是网页上的JavaScript代码:
<script language="javascript">
function CppCallJS(v){
//做一些事情
}
function JSCallCppCB() {
var str = "hello world";
if (cppobject != null) {
cppobject.JSCallCppCB(str);
}
};
function CppObject(obj) {
cppobject = obj;
}
var cppobject;
</script>
最终发现:这种实现相互调用的方式,其实就是先拿到对方的对象,然后用对象去调用对方的代码,另外还有其他方式调用,这里就不再赘述。
本文中用到的代码可以在https://download.csdn.net/download/youyicc/12113708地址上下载,这是一个基于VS2013的mfc上显示cef浏览器和ie插件浏览器,实现cef的JavaScript和ie的JavaScript相互调用的示例代码。