基于.net开发chrome核心浏览器【五】

基于.net开发chrome核心浏览器【一】

基于.net开发chrome核心浏览器【二】

基于.net开发chrome核心浏览器【三】

基于.net开发chrome核心浏览器【四】

基于.net开发chrome核心浏览器【五】

基于.net开发chrome核心浏览器【六】

基于.net开发chrome核心浏览器【七】

一：本篇将解决的问题

本章主要为了解决一下几个问题：


1.JsDialog的按钮错位的问题


　　我们开发出的浏览器，在有些操系统上调用alert,confirm之类的对话框时，确定和取消按钮会出现错位的情况


2.右键菜单问题


　　我们开发的浏览器，在网页上点右键，会出现一些讨厌的英文菜单。


3.打印的问题


　　我们开发的浏览器，网页在调用window.print的时候，没有任何反应。


4.打开chrome的调试器


　　谷歌浏览器调试网页的调试器非常好用，我们开发的浏览器也可以用这个工具。


二：JsDialog的按钮错位的问题


先在BS文件夹中新建一个类，取名为JsDialogHandler，让这个类继承自CefJSDialogHandler

然后在这个类中重写OnJSDialog函数，代码如下：

protected override bool OnJSDialog(CefBrowser browser, string originUrl, string acceptLang, CefJSDialogType dialogType, string message_text, string default_prompt_text, CefJSDialogCallback callback, out bool suppress_message)
        {
            switch (dialogType)
            {
                case CefJSDialogType.Alert:
                    MessageBox.Show(message_text, "XXX系统提示");
                    suppress_message = true;
                    return false;
                    break;
                case CefJSDialogType.Confirm:
                    var dr = MessageBox.Show(message_text, "XXX系统提示", MessageBoxButtons.YesNo);
                    if (dr == DialogResult.Yes)
                    {
                        callback.Continue(true, string.Empty);
                        suppress_message = false;
                        return true;
                    }
                    else
                    {
                        callback.Continue(false, string.Empty);
                        suppress_message = false;
                        return true;
                    }
                    break;
                case CefJSDialogType.Prompt:
                    MessageBox.Show("系统不支持prompt形式的提示框", "UTMP系统提示");
                    break;
            }
            suppress_message = true;
            return false;
        }

下面我们来解释一下代码中的内容


default_prompt_text参数：


为prompt类型的dialog服务的（这种dialog可以接收用户的输入，一般已经很少见了，我们没有实现这种类型的dialog）;


suppress_message参数：


如果这个参数被设置为true，并且函数返回值为false，将阻止页面打开JS的弹出窗口。


如果这个参数被设置为false，并且函数返回值也是false，页面将会打开这个JS弹出窗口。


message_text参数：


是弹出窗口将要显示的内容


dialogType参数：


是弹出窗口的类型（alert,confirm,Prompt）


callback参数：


当用户点击了弹出窗口的确定按钮，可以用callback.Continue(true, string.Empty);回调确定函数


当用户点击了弹出窗口的取消按钮，可以用callback.Continue(false, string.Empty);回调取消函数


------------------


在函数内部，我们使用系统的弹出框替换了CEF的弹出框，从以解决弹出框按钮显示的问题。


------------------


在这个类中还需要重写两个虚方法：


OnResetDialogState


此方法可以取消掉所有即将弹出的对话框，一般在页面跳转时会被调用。


OnBeforeUnloadDialog


当用户离开页面的时候，弹出的询问对话框，返回false将使用默认的弹出窗口


这两个方法只要简单重写一下就可以了。不用有其他实现


-------------------


这个类创建好之后，要在BsClient类中，增加一个私有属性


private readonly CefJSDialogHandler jsDialogHandler;
然后在构造函数中为这个属性赋值


jsDialogHandler = new JsDialogHandler();

然后重写父类的一个方法：

 protected override CefJSDialogHandler GetJSDialogHandler()
 {
    return jsDialogHandler;
 }

   

至此：我们的jsDialogHandler才能生效。


三：右键菜单的问题


要想去掉系统默认的右键菜单，


只要实现CefContextMenuHandler的子类


然后重写OnBeforeContextMenu方法，


下面我们看看这个方法：

protected override void OnBeforeContextMenu(CefBrowser browser, CefFrame frame, CefContextMenuParams state, CefMenuModel model)
{
    model.Clear();
}

model包括默认的右键菜单中的所有的项，如果想不显示右键菜单，只要Clear一下就可以了


然后和jsDialogHandler一样，重写CefClient的 GetContextMenuHandler方法


把这个类的实例返回就可以了。


四：打印的问题


我是这么处理的：


在前面提到的OnJsDialog方法中


加入如下代码

case CefJSDialogType.Alert:
    if (message_text.StartsWith("$Print$"))
    {
       var str = message_text.Substring(7);
       var ieb = new IEBrow();
       ieb.Print(str);
       ieb.Show();
       suppress_message = true;
       return false;
     }

弹出框的内容前缀如果是“$Print$”就进入打印的流程


（这是多么蛋疼的做法！！首先window.print是不能用了，只能用alert(“$Print$balabalabala”)。）


ieb是一个iebrowser

里面的关键代码如下：

public void Print(string doc)
{
   webBrowser1.DocumentText = doc;
}
private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
   webBrowser1.Print();
}

五：打开调试器


想打开调试器，我想看过下面这段代码你就知道了

        /// <summary>
        /// 显示调试窗口
        /// </summary>
        public void ShowDevWin()
        {
            try
            {
                if (string.IsNullOrEmpty(devToolsUrl))
                {
                    devToolsUrl = web_view.Browser.GetHost().GetDevToolsUrl(true);
                }
                var frame = web_view.Browser.GetMainFrame();
                //frame.ExecuteJavaScript(string.Format("window.open('{0}');", devToolsUrl), "about:blank", 0);
                var p = Process.Start(devToolsUrl);
            }
            catch
            {
                MessageBox.Show("请等待页面加载完成之后再打开调试器");
            }
        }

注意！一定要把相关资源放在指定的位置！


六：让浏览器执行JS脚本

        /// <summary>
        /// 执行JS脚本
        /// </summary>
        /// <param name="js">"CreatePage(1,2,3);"</param>
        public void RunScirpt(string js)
        {
            var frame = web_view.Browser.GetMainFrame();
            frame.ExecuteJavaScript(js, frame.Url, 0);
        }

就这样，不多做解释了。


--------------------------------


PS:说明：


再次感谢各位关注这个系列的朋友。


我想你们可能会对这一篇文章比较失望。


（打印那部分虽然官方没有支持，但是我想肯定有更好的办法解决这个问题，在做项目的时候，我偷懒了，现在写文章，我又偷懒了。没有做深入研究。对不起）


（文章写的也有点匆忙，写的不够详细，比前几篇要差多了，我甚至没有做DEMO，也无法提供源码了）


接下去，短期内，我估计我不会再更新这个系列了。太忙，太累。


谢谢各位！