原文: C# 用XiliumCefGlue作瀏覽器，JS和C#相互調用

XiliumCefGlue源碼地址
 Xilium.CefGlue手冊【百度網盤下載，密碼：j093】
【推薦】XiliumCefGlueDemo 2.3.0.0（吾樂吧軟件站原創）
以上連接是參考資料！此例程中本着精簡易懂的原則，把不少不須要的東西去掉，包括try等檢查代碼。下面開始步入正題。javascript

1.解壓壓縮包獲得下列文件。選擇須要的文件複製到本身工程【pdb爲調試生成文件不須要】,以後將【Xilium.CefGlue】和【Xilium.CefGlue.WindowsForms】添加到引用。

只選取了一部分須要的文件放到Debug文件夾下。

2.其中Form.cs中代碼以下，添加panl控件讓瀏覽器嵌入其中。Form1_Load的引用在Form1.Designer.cs中。代碼中的網址 http://www.e0575.com/web/ie6bye/test/是對CSS3進行測試的網頁。html

using System.Windows.Forms;

using Xilium.CefGlue;
using Xilium.CefGlue.WindowsForms;
namespace XCdemo
{
    public partial class Form1 : Form
    {
        CefWebBrowser browser = new CefWebBrowser();
        public Form1()
        {
            InitializeComponent();
            Form1_Load();
        }
        private void Form1_Load()
        {
            browser.Dock = DockStyle.Fill;
            browser.StartUrl = @"http://www.e0575.com/web/ie6bye/test/";
            panel1.Controls.Add(browser);
        }
    }
}

3.其中Program.cs中的代碼要作更改，要在程序啓動前初始化。java

using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows.Forms;

using Xilium.CefGlue;

namespace XCdemo
{
    static class Program
    {
        /// <summary>
        /// 應用程序的主入口點。
        /// </summary>
        [STAThread]
        private static void Main(string[] args)
        {
            CefRuntime.Load();
            var mainArgs = new CefMainArgs(args);
            var app = new DemoApp();
            var exitCode = CefRuntime.ExecuteProcess(mainArgs, app);
            var settings = new CefSettings
            {
                SingleProcess = false,
                MultiThreadedMessageLoop = true,
                LogSeverity = CefLogSeverity.Disable,
                LogFile = "CefGlue.log",             
            };
            CefRuntime.Initialize(mainArgs, settings, app);
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);
            if (!settings.MultiThreadedMessageLoop)
            {
                Application.Idle += (sender, e) => { CefRuntime.DoMessageLoopWork(); };
            }
            Application.Run(new Form1());
            CefRuntime.Shutdown();
        }
        internal sealed class DemoApp : CefApp
        {
            protected override void OnBeforeCommandLineProcessing(string processType, CefCommandLine commandLine)
            {
                ;
            }
        }
    }
}

4.在程序運行前，把項目的平臺目標更改成X86以後運行。
代碼下載連接http://download.csdn.net/download/u013564470/10046278
web

Xilium.CefGlue，JS調用C#代碼

1.Xilium.CefGlue中JS調用C#比較繁瑣。須要經過反射機制註冊c#函數到JS。由於涉及到的文件較多，並且已經和別的代碼混在一塊兒就不一一列舉了，這裏只列舉關鍵部分。詳細參考第2篇：Xilium CefGlue 關於 CLR Object 與 JS 交互類庫封裝報告：導航篇c#

public CefV8Handler Cef;
//經過反射機制 註冊c#函數到JS
public void RegisterJs()
{
    JsEvent js = new JsEvent();
    Cef = new CefJsV8Handler(js);
    string javascriptCode = CefJavaScriptEx.CreateJsCodeByObject(js, "Cef");
    CefRuntime.RegisterExtension("Cef", javascriptCode, Cef);
}
protected override void OnWebKitInitialized()
{
    //註冊JS函數
    RegisterJs();
}

public class JsEvent
{
    public Object MyParam { get; set; }
    public Object GetMyParam(){
        if (MyParam.GetType().IsArray){
            String s = "[";
            Object[] o = (Object[])MyParam;
            for (int i = 0; i < o.Length; i++){
                s += "'" + o[i].ToString() + "'";
                if (i < (o.Length - 1))
                    s += ",";
            }
            s += "]";
            return s;
        }
        return MyParam;
    }
    [DllImport("User32.dll", EntryPoint = "SendMessage")]
    private static extern int SendMessage(int hWnd, int Msg, int wParam, ref COPYDATASTRUCT lParam);
    [DllImport("User32.dll", EntryPoint = "FindWindow")]
    private static extern int FindWindow(string lpClassName, string lpWindowName);  
    public void openMyPc(String dir){
        if( dir == null)
            dir = "::{20D04FE0-3AEA-1069-A2D8-08002B30309D}";
        Process.Start("explorer.exe", dir);
    }
}

上述代碼功能爲，執行JS頁面的代碼，調用C#的函數，打開指定的文件夾，參數爲空時打開個人電腦。

瀏覽器

Xilium.CefGlue，C#調用JS代碼（無返回值）

相對於JS調用C#函數，C#調用JS函數就簡單多了。直接調用封裝的庫函數便可，不過此函數之恩那個調用JS函數卻不能得到JS函數的返回值。代碼以下：markdown

CefFrame frame = browser.Browser.GetMainFrame();
String js = "test();";
if (js.Length > 1)
{
    frame.ExecuteJavaScript(js, frame.Url, 0);
}

上述代碼爲調用JS頁面的test()函數，函數圓形以下：app

function test(){
    alert("C#中調用了此函數！");
}

當C#中運行代碼時，瀏覽器頁面會彈窗提示「C#中調用了此函數！」。ide

Xilium.CefGlue，C#調用JS代碼（有返回值）

不少時候當咱們用C#調用JS函數時，須要JS給的返回值。然而封裝的函數卻不具有此功能。這時候咱們須要把JS調用C#和C#調用JS結合起來實現JS和C#互調。思路以下，C#調用JS函數，函數的返回值調用C#函數，因爲JS調用C#函數是一個新的實例，因此咱們須要進程間通訊，將獲得的信息傳回給主程序。主要代碼爲註冊下列C#函數到JS。函數

const int WM_COPYDATA = 0x004A;
public void JS2C(String dir)
{
    int hWnd = FindWindow(null, @"JS和c#代碼互調");
    if (hWnd == 0)
    {
        MessageBox.Show("555，未找到消息接受者！");
    }
    else
    {
        byte[] sarr = System.Text.Encoding.Default.GetBytes(dir);
        int len = sarr.Length;
        COPYDATASTRUCT cds;
        cds.dwData = (IntPtr)Convert.ToInt16(1);//能夠是任意值 
        cds.cbData = len + 1;//指定lpData內存區域的字節數 
        cds.lpData = dir;//發送給目標窗口所在進程的數據 
        SendMessage(hWnd, WM_COPYDATA, 0, ref cds);
    }
}

JS中代碼以下

function testreturn(a){
    var str = "返回值：";
    str = str + a;
    return Cef.JS2C(str);
}

以後咱們正常調用ExecuteJavaScript函數便可。效果以下：

C# 用XiliumCefGlue作瀏覽器，JS和C#相互調用

目錄：

XiliumCefGlue初始化，最精簡Demo

Xilium.CefGlue，JS調用C#代碼

Xilium.CefGlue，C#調用JS代碼（無返回值）

Xilium.CefGlue，C#調用JS代碼（有返回值）