2. 程式人生 > >Javascript與C++之間的通訊 —— WebBrowser

Javascript與C++之間的通訊 —— WebBrowser

阿新 • • 發佈：2019-01-06

1、C++呼叫WebBrowser中的全域性函式，變數等

(1) 從C++的角度看WebBrowser中的物件

WebBrowser中的物件大致可以分成兩類：DOM物件和使用Javascript建立的物件。但是無論是那種物件，從C++的角度來看，都是一些實現了IDispatch介面的物件，因此，如果用C++操作WebBrowser中的物件（全域性函式，變數，DOM）等，只需要通過IDispatch即可。

(2) 3個常用的函式

當獲取了WebBrowser的物件的IDispatch介面後，就可以呼叫IDispatch的Invoke方法來呼叫物件的方法，獲取物件的屬性和設定物件的屬性。

但是Invoke是通過ID判斷要呼叫指定物件的哪一個方法（或屬性），因此在通過方法（或屬性）名稱呼叫物件的方法是，必須先呼叫IDispatch的GetIDsOfNames方法，將方法（或屬性）名轉換成ID

，然後才能通過IDispatch的Invoke方法呼叫物件的方法。為了方便操作，封裝了三個函式，分別用於呼叫WebBrowser的物件的方法，讀取物件的屬性，設定物件的屬性。

DISPID CWebBrowserBase::FindId(IDispatch *pObj, LPOLESTR pName)
{
    DISPID id = 0;
    if(FAILED(pObj->GetIDsOfNames(IID_NULL,&pName,1,LOCALE_SYSTEM_DEFAULT,&id))) id = -1;
    return id;
}

HRESULT CWebBrowserBase::InvokeMethod(IDispatch *pObj, LPOLESTR pName, VARIANT *pVarResult, VARIANT *p, int cArgs)
{
    DISPID dispid = FindId(pObj, pName);
    if(dispid == -1) return E_FAIL;

    DISPPARAMS ps;
    ps.cArgs = cArgs;
    ps.rgvarg = p;
    ps.cNamedArgs = 0;
    ps.rgdispidNamedArgs = NULL;

    return pObj->Invoke(dispid, IID_NULL, LOCALE_SYSTEM_DEFAULT, DISPATCH_METHOD, &ps, pVarResult, NULL, NULL);
}

HRESULT CWebBrowserBase::GetProperty(IDispatch *pObj, LPOLESTR pName, VARIANT *pValue)
{
    DISPID dispid = FindId(pObj, pName);
    if(dispid == -1) return E_FAIL;

    DISPPARAMS ps;
    ps.cArgs = 0;
    ps.rgvarg = NULL;
    ps.cNamedArgs = 0;
    ps.rgdispidNamedArgs = NULL;

    return pObj->Invoke(dispid, IID_NULL, LOCALE_SYSTEM_DEFAULT, DISPATCH_PROPERTYGET, &ps, pValue, NULL, NULL);
}

HRESULT CWebBrowserBase::SetProperty(IDispatch *pObj, LPOLESTR pName, VARIANT *pValue)
{
    DISPID dispid = FindId(pObj, pName);
    if(dispid == -1) return E_FAIL;

    DISPPARAMS ps;
    ps.cArgs = 1;
    ps.rgvarg = pValue;
    ps.cNamedArgs = 0;
    ps.rgdispidNamedArgs = NULL;

    return pObj->Invoke(dispid, IID_NULL, LOCALE_SYSTEM_DEFAULT, DISPATCH_PROPERTYPUT, &ps, NULL, NULL, NULL);
}

(3)呼叫頁面的全域性函式

在網頁中，所有的全域性函式均是window的一個方法，因此，如果要呼叫全域性函式，首先要獲取到頁面的window物件，然後用InvokeMethod呼叫全域性函式，例如，假設頁面中有一個Test全域性函式：

<script language="javascript" type="text/javascript">
function Test()
{
    alert("你呼叫了Test");
}
</script>
那麼，您可以在C++中用以下程式碼呼叫Test函式： 
VARIANT params[10];
VARIANT ret;
//獲取頁面window
IDispatch *pHtmlWindow = pBrowser->GetHtmlWindow();
//頁面全域性函式Test實際上是window的Test方法，
CWebBrowserBase::InvokeMethod(pHtmlWindow, L"Test", &ret, params, 0);

在網頁中，所有的全域性變數均是window的一個屬性，因此，如果要呼叫變數的方法（或屬性），首先要獲取到頁面的window物件，然後用GetProperty獲取到全域性變數，然後就可以呼叫這個物件的方法，或讀寫其屬性。例如，假設頁面中有一個globalObject全域性變數： 
<script language="javascript" type="text/javascript">
function GlobalObject()
{
    this.Test=function()
    {
        alert("你呼叫了GlobalObject.Test");
    }
}

var globalObject = new GlobalObject();
</script>
那麼，您可以使用一下程式碼呼叫globalObject的Test方法： 
VARIANT params[10];
VARIANT ret;
//獲取頁面window
IDispatch *pHtmlWindow = pBrowser->GetHtmlWindow();
//獲取globalObject
CVariant globalObject;
params[0].vt = VT_BSTR;
params[0].bstrVal = L"globalObject";
CWebBrowserBase::GetProperty(pHtmlWindow, L"globalObject", &globalObject);
//呼叫globalObject.Test
CWebBrowserBase::InvokeMethod(globalObject.pdispVal, L"Test", &ret, params, 0);


2、在網頁中呼叫客戶端的方法

上文我們已經介紹瞭如何在C++中呼叫WebBrowser中的物件，接下來，將介紹如何在頁面中呼叫客戶端中的函式和物件：

(1) 通過window.external呼叫

下面將示例如何通過window.external呼叫客戶端中的函式,假設在C++中定義了一個名為CppCall的函式：

void CppCall()
{
    MessageBox(NULL, L"您呼叫了CppCall", L"提示(C++)", 0);
}

定義一個物件，並且實現IDispatch介面： 
class ClientCall:public IDispatch
{
    long _refNum;
public:
    ClientCall()
    {
        _refNum = 1;
    }
    ~ClientCall(void)
    {
    }
public:

    // IUnknown Methods

    STDMETHODIMP QueryInterface(REFIID iid,void**ppvObject)
    {
        *ppvObject = NULL;
        if (iid == IID_IUnknown)    *ppvObject = this;
        else if (iid == IID_IDispatch)    *ppvObject = (IDispatch*)this;
        if(*ppvObject)
        {
            AddRef();
            return S_OK;
        }
        return E_NOINTERFACE;
    }

    STDMETHODIMP_(ULONG) AddRef()
    {
        return ::InterlockedIncrement(&_refNum);
    }

    STDMETHODIMP_(ULONG) Release()
    {
        ::InterlockedDecrement(&_refNum);
        if(_refNum == 0)
        {
            delete this;
        }
        return _refNum;
    }

    // IDispatch Methods

    HRESULT _stdcall GetTypeInfoCount(
        unsigned int * pctinfo) 
    {
        return E_NOTIMPL;
    }

    HRESULT _stdcall GetTypeInfo(
        unsigned int iTInfo,
        LCID lcid,
        ITypeInfo FAR* FAR* ppTInfo) 
    {
        return E_NOTIMPL;
    }

    HRESULT _stdcall GetIDsOfNames(
        REFIID riid, 
        OLECHAR FAR* FAR* rgszNames, 
        unsigned int cNames, 
        LCID lcid, 
        DISPID FAR* rgDispId 
    )
    {
        if(lstrcmp(rgszNames[0], L"CppCall")==0)
        {
            //網頁呼叫window.external.CppCall時，會呼叫這個方法獲取CppCall的ID
            *rgDispId = 100;
        }
        return S_OK;
    }

    HRESULT _stdcall Invoke(
        DISPID dispIdMember,
        REFIID riid,
        LCID lcid,
        WORD wFlags,
        DISPPARAMS* pDispParams,
        VARIANT* pVarResult,
        EXCEPINFO* pExcepInfo,
        unsigned int* puArgErr
    )
    {
        if(dispIdMember == 100)
        {
            //網頁呼叫CppCall時，或根據獲取到的ID呼叫Invoke方法
            CppCall();
        }
        return S_OK;
    }
};

定義類ClientCall後，就可以建立一個ClientCall的物件，傳遞給WebBrowser，使得網頁中可以通過window.external呼叫CppCall，要實現這些功能，WebBrowser需要實現IDocHostUIHandler介面，並重寫GetExternal方法以返回一個ClientCall物件： 
ClientCall *pClientCall;
pClientCall = new ClientCall();

virtual HRESULT STDMETHODCALLTYPE GetExternal(IDispatch **ppDispatch)
{
    //重寫GetExternal返回一個ClientCall物件
    *ppDispatch = pClientCall;
    return S_OK;
}

接下來，就可以在網頁中呼叫了： 
window.external.CppCall()

(2)向網頁傳遞迴調函式

向網頁傳遞迴調函式的一個典型應用就是在客戶端中用C++處理DOM的事件(例如，處理按鈕的onclick事件)，這裡要注意的是，與C++不同的是，在網頁中，所謂的函式，其實就是一個具有call方法的物件，因此，向網頁傳遞一個回撥函式，其實就是傳遞一個實現了call方法的物件，因此，我們必須定義一個C++類，並實現IDispatch介面：

typedef void _stdcall JsFunction_Callback(LPVOID pParam);

class JsFunction:public IDispatch
{
    long _refNum;
    JsFunction_Callback *m_pCallback;
    LPVOID m_pParam;
public:
    JsFunction(JsFunction_Callback *pCallback, LPVOID pParam)
    {
        _refNum = 1;
        m_pCallback = pCallback;
        m_pParam = pParam;
    }
    ~JsFunction(void)
    {
    }
public:

    // IUnknown Methods

    STDMETHODIMP QueryInterface(REFIID iid,void**ppvObject)
    {
        *ppvObject = NULL;

        if (iid == IID_IOleClientSite)    *ppvObject = (IOleClientSite*)this;
        else if (iid == IID_IUnknown)    *ppvObject = this;
        if(*ppvObject)
        {
            AddRef();
            return S_OK;
        }
        return E_NOINTERFACE;
    }

    STDMETHODIMP_(ULONG) AddRef()
    {
        return ::InterlockedIncrement(&_refNum);
    }

    STDMETHODIMP_(ULONG) Release()
    {
        ::InterlockedDecrement(&_refNum);
        if(_refNum == 0)
        {
            delete this;
        }
        return _refNum;
    }

    // IDispatch Methods

    HRESULT _stdcall GetTypeInfoCount(
        unsigned int * pctinfo) 
    {
        return E_NOTIMPL;
    }

    HRESULT _stdcall GetTypeInfo(
        unsigned int iTInfo,
        LCID lcid,
        ITypeInfo FAR* FAR* ppTInfo) 
    {
        return E_NOTIMPL;
    }

    HRESULT _stdcall GetIDsOfNames(
        REFIID riid, 
        OLECHAR FAR* FAR* rgszNames, 
        unsigned int cNames, 
        LCID lcid, 
        DISPID FAR* rgDispId 
    )
    {
        //令人費解的是，網頁呼叫函式的call方法時，沒有呼叫GetIDsOfNames獲取call的ID，而是直接呼叫Invoke
        return E_NOTIMPL;
    }

    HRESULT _stdcall Invoke(
        DISPID dispIdMember,
        REFIID riid,
        LCID lcid,
        WORD wFlags,
        DISPPARAMS* pDispParams,
        VARIANT* pVarResult,
        EXCEPINFO* pExcepInfo,
        unsigned int* puArgErr
    )
    {
        m_pCallback(m_pParam);
        return S_OK;
    }
};

接下來，我們就可以使用JsFunction向網頁傳遞迴調，以下程式碼用於處理按鈕的onclick事件： 
static void _stdcall button1_onclick(LPVOID pParam)
{
    MainForm *pMainForm = (MainForm*)pParam;
    MessageBox(pMainForm->hWnd, L"您點選了button1", L"提示(C++)", 0);
}

VARIANT params[10];

//獲取window
IDispatch *pHtmlWindow = GetHtmlWindow();

//獲取document
CVariant document;
params[0].vt = VT_BSTR;
params[0].bstrVal = L"document";
GetProperty(pHtmlWindow, L"document", &document);

//獲取button1
CVariant button1;
params[0].vt = VT_BSTR;
params[0].bstrVal = L"button1";
InvokeMethod(document.pdispVal, L"getElementById", &button1, params, 1);

//處理button1的onclick事件
params[0].vt = VT_DISPATCH;
params[0].pdispVal = new JsFunction(button1_onclick, this);
SetProperty(button1.pdispVal, L"onclick", params);

相關推薦

Javascript與C++之間的通訊 —— WebBrowser

1、C++呼叫WebBrowser中的全域性函式，變數等 (1) 從C++的角度看WebBrowser中的物件 WebBrowser中的物件大致可以分成兩類：DOM物件和使用Javascript建立的物件。但是無論是那種物件，從C++的角度來看，都是一些實現了IDispat

WebBrowser介紹 - Javascript與C++互操作

轉自：https://www.cnblogs.com/lucc/archive/2010/11/24/1886087.html（侵刪） WebBrowser控制元件是Microsoft提供的一個用於網頁瀏覽的客戶端控制元件，WebBrowser控制元件的使用相當廣泛，例如很多郵件客戶端都是使用

WebBrowser-Javascript與C++互操作

WebBrowser控制元件是Microsoft提供的一個用於網頁瀏覽的客戶端控制元件，WebBrowser控制元件的使用相當廣泛，例如很多郵件客戶端都是使用可編輯的WebBrowser控制元件作為寫郵件的工具，也有很多軟體用WebBrowser控制元件彈出網頁，如qq

WebBrowser介紹——Javascript與C++互操作

轉：http://www.cnblogs.com/lucc/archive/2010/11/24/1886087.html WebBrowser控制元件是Microsoft提供的一個用於網頁瀏覽的客戶端控制元件，WebBrowser控制元件的使用相當廣泛，例如很多郵件

Java與C之間的socket通訊

最近正在開發一個基於指紋的音樂檢索應用，演算法部分已經完成，所以嘗試做一個Android App。Android與伺服器通訊通常採用HTTP通訊方式和Socket通訊方式。由於對web伺服器程式設計瞭解較少，而且後臺伺服器已經採用原始socket實現與c客戶端通訊，這就要求

JavaScript與C#的互操作示例

html 一個 互操作 第一次 demo dem 寫博客 第三方類 第三方 近期，因為項目需要開發PC版本，所以涉及到PC版本開發技術選型的問題。 采用winForm：界面設計太難看了 采用wpf:界面好看，但是內存占用太大了。而且公司WPF技術實力不強 最後，決定采用前端

C與C++之間相互調用

end att toolbar 處理 處理器 執行文件 客戶 c語言項目 title http://www.cnblogs.com/luxiaoxun/p/3405374.html 1、導出C函數以用於C或C++的項目 如果使用C語言編寫的DLL，希望從中導出函數給C或C+

C/C++與C#之間類型的對應

border system pcs left 類名 gid tab out param 最近在研究pos打印機相關功能， 調用winapi以及跨進程通信等，都涉及到類型之間的轉換。 C/C++ C# HANDLE, LPDWOR

Javascript與C#中使用正則表達式

ttr ssi color 指定 att attr http 返回 size JavaScript RegExp 對象 新建一個RegExp對象 new RegExp(pattern,[attributes]) 參數 參數 pattern 是一個字符串，指定

Golang 中如何用 CGO 與 C 之間做一個快取 buffer

Golang 是一個不錯的語言，尤其是做一個快取中間層是非常非常容易的。比較常見的場景就是我們在讀一個很大很大的檔案的時候，我們是做不到一次載入檔案到記憶體的，Golang 可以做到一點一點的將檔案讀至末尾，慢慢處理完，相信很多語言也很容易做到這個,那如果在處理這個檔案的時候專案的主語言是 Golang 而需

Python與C之間的相互呼叫（Python C API及Python ctypes庫）

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

Android中JNI使用詳解(4)---Java與C之間資料型別轉換

Jni中基本型別轉換對應的表格 Java型別 本地型別 說明 boolean jboolean 無符號，8位 byte jbyte

利用Thrift使Java與C#進行通訊

struct UserProfile{ 1:i32 id, 2:string name, 3:string blurb } service UserStorage{ vo

C/C++與C#之間型別的對應

C/C++ C# HANDLE, LPDWORD, LPVOID, void* IntPtr LPCTSTR, LPCTSTR, LPSTR, char*, const char*, W

模組與模組之間通訊設計-元件設計思想

 --模組與模組之間的設計，除了大範圍的設計模式，更多不屬於模式的多種方法呼叫都可以通訊。         -- 如何設計低耦合的，高內聚的模組之間通訊？原則：         -- 1.用管理器用介

Unity3D中js與C#之間相互呼叫的解決辦法

轉載自：http://www.manew.com/3102.html Unity3D中一些指令碼的方法只能用在JS中，在C#中是無效的，而C#可以與伺服器端通訊，JS本身卻不行。而且，如果需要用到js呼叫c#的問題，js會比c#先編譯，所以在mac裡編譯ios的時候會出錯，

qml與c++之間的互動

學習qml的筆記，Qt Quick核心程式設計的一個例子：1、實現一個類（從object以及派生類中繼承而來），使用Q_OBJECT巨集。 #ifndef COLORMAKER_H #define COLORMAKER_H #include <QObject>

JavaScript與Android之間的互動

javascript直接呼叫Android中的方法，例子：webview直接載入html，html中的javascript呼叫android端的方法。此例子可以有助於android開發者開發圖表類的專案，圖表不需要原生程式碼，只需用指令碼實現。圖表的指令碼生成可以參考：htt

【安卓與物聯網】Arduino開發板與Android之間通訊

關於Arduino開發板 Arduino是一款開源電子原型平臺，硬體部分是可以用來做電路連線的Arduino電路板。可以通過編寫程式，最後燒寫入開發板，配合上一些感測器，以及富有創造力的設計可以創造出很多神奇的東西。 在大三的時候，對物聯網的感興

android中fragment與activity之間通訊原理以及例子

首先,如果你想在android3.0及以下版本使用fragment,你必須引用android-support-v4.jar這個包 然後你寫的activity不能再繼承自Activity類了,而是要繼承android.support.v4.app.FragmentA