基于.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,也无法提供源码了)

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

谢谢各位!

时间: 2024-08-10 02:09:09

基于.net开发chrome核心浏览器【五】的相关文章

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

原文:基于.net开发chrome核心浏览器[三] 本篇我们讲解怎么用CefGlue开发一个最简单的浏览器 一: CefGlue是建立在Cef项目之上的,Cef项目是C/C++的项目:CefGlue只不过是通过PInvoke来访问Cef项目生成的一些dll下面我们来看看Cef项目生成的一些dll和资源都是做什么用的打开这个目录\cef_binary_3.1453.1236_windows_xilium\Releaselibcef.dll-------------------------->Cef

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

原文:基于.net开发chrome核心浏览器[二] 一: 上一篇的链接: 基于.net开发chrome核心浏览器[一] 二: 相关资源介绍: chrome Frame: 让IE有一颗chrome的心,看起来不错,但我没有深入研究这个东西. http://www.google.com/chromeframe?hl=zh-CN&quickenable=true https://developers.google.com/chrome/chrome-frame/ WebKit.Net 已经有一段时间没

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

原文:基于.net开发chrome核心浏览器[四] 一: 上周去北京出差,给国家电网的项目做架构方案,每天都很晚睡,客户那边的副总也这样拼命工作. 累的不行了,直接导致第四篇文章没有按时发出来. 希望虚心学习1,小侠客等关注我的朋友们原谅我. 二: 在这篇文章中,我们主要实现下面三个功能: 浏览器地址栏.浏览器窗口大小变化.浏览器下载文件 为了实现这三个功能,我们新创建了一个工程, program.cs文件里的内容没有任何变动: dll文件夹里的内容没有任何变动: 资源的引用,程序集的配置,都没

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

原文:基于.net开发chrome核心浏览器[七] 这是一个系列的文章,前面六篇文章的地址如下: 基于.net开发chrome核心浏览器[六] 基于.net开发chrome核心浏览器[五] 基于.net开发chrome核心浏览器[四] 基于.net开发chrome核心浏览器[三] 基于.net开发chrome核心浏览器[二] 基于.net开发chrome核心浏览器[一] 这篇文章和前面六篇文章关系不大,你如果懒得看前面六篇的话,从这一篇开始看也没问题 之前写的六篇文章,都是基于 Xilium.C

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

原文:基于.net开发chrome核心浏览器[一] 说明: 这是本系列的第一篇文章,我会尽快发后续的文章. 源起 1.加快葬送IE6浏览器的进程 世界上使用IE6浏览器最多的地方在中国 中国使用IE6浏览器最多的地方在企业中 让他们自己去装个chorme太难了 索性开发个浏览器(其实是浏览器的外壳)给他们 用"代码改变世界"是博客园园友的口号 2.一劳永逸的解决浏览器兼容问题 各种浏览器的CSS hack问题再也不用担心了 甚至公司里前端的职位也可以减少几个了 3.更方便的使用更强大的

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

原文:基于.net开发chrome核心浏览器[六] 写在前面: 距离发这个系列的上一篇文章已经过去两个多月了 因为工作上不涉及这一部分的内容,兼且琐事缠身,一直无力动笔写这个系列的第六篇文章 然而,有很多朋友都关注这个系列,希望我能再写写. 写文章有人看,是件令人开心的事,所以就又开始折腾这个东西了, 希望这篇文章不会让大家失望. 开篇: 由于时间过去的蛮长的,所以先到官网上去看看 发现CefGlue项目 8月13号更新过,嗯!不错! 但看看它使用的类库 ,发现是CEF 3.1453.1255,

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

http://www.cnblogs.com/liulun/archive/2013/03/18/2874276.html 说明: 这是本系列的第一篇文章,我会尽快发后续的文章. 源起 1.加快葬送IE6浏览器的进程 世界上使用IE6浏览器最多的地方在中国 中国使用IE6浏览器最多的地方在企业中 让他们自己去装个chorme太难了 索性开发个浏览器(其实是浏览器的外壳)给他们 用"代码改变世界"是博客园园友的口号 2.一劳永逸的解决浏览器兼容问题 各种浏览器的CSS hack问题再也不

.net开发 chrome核心浏览器组件

收集整理: chrome Frame: 让IE有一颗chrome的心,看起来不错,但我没有深入研究这个东西. http://www.google.com/chromeframe?hl=zh-CN&quickenable=true https://developers.google.com/chrome/chrome-frame/ WebKit.Net 已经有一段时间没人更新这个开源项目了,没有研究过 http://sourceforge.net/projects/webkitdotnet/ CE

C# 开发Chrome内核浏览器(WebKit.net)

http://www.cnblogs.com/linyijia/p/4045333.html WebKit.net是对WebKit的.Net封装,使用它.net程序可以非常方便的集成和使用webkit作为加载网页的容器.这里介绍一下怎么用它来显示一个网页这样的一个最简单的功能. 自制浏览器C#chrome内核