通常各種瀏覽器都支持某種插件機制,以方便擴充頁面腳本的能力,豐富頁面內容。
比如:對於 Trident 內核(IE瀏覽器),可以使用 ActiveX控件。
對於Gecko內核(火狐瀏覽器)和Webkit/Blink內核(Safari,Chrome系列瀏覽器),可以使用NPAPI插件,以及PPAPI插件。
遺憾的是,各種瀏覽器的插件機制不僅不能夠兼容統一,而且高版本的Chrome系列瀏覽器非但不再支持傳統的NPAPI插件,
甚至PPAPI插件(Flash除外)亦難以部署發佈,通常僅能用作本機調試之用,實爲無奈。╮(╯﹏╰)╭
這裏筆者不打算討論如何統一各類瀏覽器插件機制的問題,貌似有現成的廠商做這個,比如 某廠的 "牛插件"
就是通過WebSocket實現的插件與瀏覽器的通信調用。
只簡要介紹下在CEF框架中支持 COM/ActiveX控件,以兼容傳統IE內核ActiveX插件的方法。
項目地址:
https://github.com/tankaishuai/Win32exts_for_CEF3
爲了讓CEF框架支持 COM/ActiveX控件,只需要 在渲染進程的 OnContextCreated()回調中添加如下代碼:
virtual void OnContextCreated(...) {
CefRefPtr<CefV8Value> windowObject = context->GetGlobal();
//
// 僅僅只需要調用 RegisterActiveXObject_CEF() API 即可.
//
typedef bool (* RegisterActiveXObject_CEF_T)(CefV8Value *windowObject, HWND hWnd, LPVOID lpReserved);
typedef void (* SetRemoteBrowser_CEF_T)(HWND hWnd);
WCHAR szPath[MAX_PATH] = { 0 };
GetModuleFileNameW(NULL, szPath, MAX_PATH);
PathRemoveFileSpecW(szPath);
PathAppendW(szPath, L"win32exts_web.dll");
HMODULE hDll = LoadLibraryW(szPath);
if (hDll){
RegisterActiveXObject_CEF_T pfnRegisterActiveXObject_CEF =
(RegisterActiveXObject_CEF_T)GetProcAddress(hDll, "RegisterActiveXObject_CEF");
if (pfnRegisterActiveXObject_CEF){
pfnRegisterActiveXObject_CEF(windowObject, g_hRemoteBrowser, NULL);
}
//
// Set the browser window handle for ActiveX Control.
//
SetRemoteBrowser_CEF_T pfnSetRemoteBrowser_CEF =
(SetRemoteBrowser_CEF_T)GetProcAddress(hDll, "SetRemoteBrowser_CEF");
if (pfnSetRemoteBrowser_CEF) {
pfnSetRemoteBrowser_CEF(g_hRemoteBrowser);
}
}
}
然後,該CEF瀏覽器即支持了在js腳本 中加載ActiveX控件的能力,
創建控件示例代碼:
/********************************* ver 31.2019.10.20 ******************************
除原來的 ActiveXObject 之外, 新增對 ActiveX 控件的支持:
創建:
var activex_ctrl = new ActiveXControl("prog_id", parent_wnd, x, y, r, b)
(parent_wnd 非常重要,將直接影響控件風格。
如果指定 0,將在一個彈出窗口創建;如果指定一個負數,則將優先選擇
引擎傳入的 SetRemoteBrowser( hwnd ) 瀏覽器句柄。)
每個控件都含有下列幾個 Ax_*** 開頭的內置的成員函數:
ptr = activex_ctrl.Ax_GetRaw()
pUnk = activex_ctrl.Ax_GetHost()
pDisp = activex_ctrl.Ax_GetControl()
hwnd = activex_ctrl.Ax_GetWindow()
activex_ctrl.Ax_ShowWindow( nCmdShow )
activex_ctrl.Ax_MoveWindow( [z_order] or [x, y] or [x, y, r, b] )
strInfo = activex_ctrl.Ax_ListSym()
cookie = activex_ctrl.Ax_ListenEvent( "event_iid", event_sink )
一個控件有哪些方法、屬性可以通過 Ax_ListSym() 函數查看,當然也可以用其他工具。
例如筆者開發的 90坦克大戰 遊戲控件:
----Function----
QueryInterface=1610612736(1)
AddRef=1610612737(1)
Release=1610612738(1)
GetTypeInfoCount=1610678272(1)
GetTypeInfo=1610678273(1)
GetIDsOfNames=1610678274(1)
Invoke=1610678275(1)
SetOwnSpeed=1610809344(0)
GetOwnSpeed=1610809345(0)
SetTotalCount=1610809346(0)
GetTotalCount=1610809347(0)
SetKeyboard=1610809348(0)
GetKeyboard=1610809349(0)
SetMusic=1610809350(0)
StartGame=1610809351(0)
EndGame=1610809352(0)
GetCurCount=1610809353(0)
GetCurScore=1610809354(0)
GetCurLevel=1610809355(0)
Execute=1610809356(0)
System=1610809357(0)
GetHelp=1610809358(0)
GetAbout=1610809359(0)
GetAppPath=1610809360(0)
InputMsgBox=1610809361(0)
調用控件方法:
ret = activex_ctrl.FunctionName( args ... )
獲取屬性:
ret = activex_ctrl.get_AttributeName()
修改屬性:
activex_ctrl.put_AttributeName( new_val )
設置事件監聽:
var event_sink = {}
event_sink.handler_259 = function( args ){
// do something
}
event_sink.handler_s102 = function( args ){
// do something
}
activex_ctrl.Ax_ListenEvent( "{34A715A0-6587-11D0-924A-0020AFC7AC4D}", event_sink )
取消事件監聽:
activex_ctrl.Ax_ListenEvent( "{34A715A0-6587-11D0-924A-0020AFC7AC4D}", null )
*************************************************************/
示例用法如下:
//創建遊戲控件
bbb = new ActiveXControl("Tank90Control.Tank90", -2)
bbb.Ax_MoveWindow(50, 50, 600, 600)
bbb.Ax_ShowWindow(1)
//external.Log(bbb.Ax_ListSym())
//自動開始遊戲
bbb.StartGame()
加載普通COM組建示例:
var active_x = new ActiveXObject("prog_appid"); //創建COM
ret = active_x.func1(1, 2); //調用方法
ret = active_x.func2( "test", false, 0 );
與IE中的用法基本一致。實現了不改動 ActiveX控件 情況下的完美支持。可喜可賀可喜可賀。。