delphi chrome cef3 控件学习笔记 (三)

Delphi与js的交互问题：

一、执行简单的JS

上一篇已经讲过:

chrm1.browser.MainFrame.ExecuteJavaScript('alert("abc");','about:blank',0);
chrm1.browser.MainFrame.ExecuteJavaScript('function aaa(){alert("abc");}aaa();','about:blank',0);

二、注入自定义的JS

首先必须在网页加载完成之后，才可以执行，不能为空页面！

str_js := 'var oScript = document.createElement( "script" );oScript.id = "sid";alert(oScript.id);';
chrm1.browser.MainFrame.ExecuteJavaScript(str_js,'about:blank',0);

三、delphi与JS交互（通过ceflib实现）

Cef3的Demo里面，有一个cefclient的例子，可以看下，关键代码：

TExtension = class(TCefv8HandlerOwn)
  private
    FTestParam: ustring;
  protected
    function Execute(const name: ustring; const obj: ICefv8Value;
      const arguments: TCefv8ValueArray; var retval: ICefv8Value;
      var exception: ustring): Boolean; override;  //重写Execute事件
  end;
//通过不同的name，执行不同的动作
function TExtension.Execute(const name: ustring; const obj: ICefv8Value;
  const arguments: TCefv8ValueArray; var retval: ICefv8Value;
  var exception: ustring): Boolean;
begin
  if(name = 'SetTestParam') then
  begin
    // Handle the SetTestParam native function by saving the string argument
    // into the local member.
    if (Length(arguments) <> 1) or (not arguments[0].IsString) then
    begin
      Result := false;
      Exit;
    end;
    FTestParam := arguments[0].GetStringValue;  //多个参数arguments[i].GetStringValue 依次类推
    Result := true;
  end
  else if(name = 'GetTestParam') then
  begin
    // Handle the GetTestParam native function by returning the local member
    // value.
    retval := TCefv8ValueRef.CreateString(Ftestparam);
    Result := true;
  end
  else if (name = 'GetTestObject') then
  begin
    // Handle the GetTestObject native function by creating and returning a
    // new V8 object.
    retval := TCefv8ValueRef.CreateObject(nil);
    // Add a string parameter to the new V8 object.
    retval.SetValueByKey('param', TCefv8ValueRef.CreateString(
        'Retrieving a parameter on a native object succeeded.'));
    // Add a function to the new V8 object.
    retval.SetValueByKey('GetMessage',
        TCefv8ValueRef.CreateFunction('GetMessage', Self));
    Result := true;
  end
  else if(name = 'GetMessage') then
  begin
    // Handle the GetMessage object function by returning a string.
    retval := TCefv8ValueRef.CreateString(
        'Calling a function on a native object succeeded.');
    Result := true;
  end else
    Result := false;
end;
{ 注册JS扩展 }

procedure RegisterExtension;
var
  Code: string;
begin
  Code :=
    'var cef;if(!cef)cef={};if(!cef.taobao)cef.taobao={};(function(){cef.taobao.test_object=function(){native function GetTestObject();return GetTestObject();};})();';
  if Code <> '' then
  try
    CefRegisterExtension('example/v8',Code,TExtension.Create as ICefv8Handler);
  except
  end;
end;

在FormCreate中注册类：
RegisterExtension;

调用实例：

chrm1.browser.MainFrame.ExecuteJavaScript('alert("abc");','about:blank',0);
  str_temp := 'function aaa(){var CefObj = new cef.taobao.test_object;'+  //先new一个实例对象
               'CefObj.SetTestParam("abc");var b=CefObj.GetTestParam();alert(b);'+   //设置、获取、输出参数
               '}aaa();';
  chrm1.Browser.MainFrame.ExecuteJavaScript(str_temp,'about:blank',0);
如果要实现多个参数，可以定义个数组替代FTestParam 
  private
    FTestParam : ustring;
    ArrayParam : array of ustring;  //多个参数
关键代码：
if(name = 'SetTestParam') then
  begin
// 原来一个参数的情况
//    if (Length(arguments) <> 1) or (not arguments[0].IsString) then
//    begin
//      Result := false;
//      Exit;
//    end;
//    FTestParam  := arguments[0].GetStringValue;
// 原来一个参数的情况
    SetLength(ArrayParam,Length(arguments));
    for  i := 0 to Length(arguments) - 1 do
    begin
      ArrayParam[i] := arguments[i].GetStringValue;
      if s='' then
        s := ArrayParam[i]
      else
        s  := s+','+ArrayParam[i];
    end;
    FTestParam  := s;
  end
  else if(name = 'GetTestParam') then
  begin
// 原来一个参数的情况
//    retval := TCefv8ValueRef.CreateString(FTestParam);
// 原来一个参数的情况
    for  i := 0 to Length(ArrayParam) - 1 do
    begin
      if s='' then
        s := ArrayParam[i]
      else
        s  := s+','+ArrayParam[i];
    end;
    retval := TCefv8ValueRef.CreateString(FTestParam);
  end;
这样调用GetTestParam返回的还是一个字符串，多个参数用逗号隔开了而已，可以对其再进行改写即可；