原文:WPF中使用cefsharp

新入职一家公司，由写服务端接口变成了软硬件通信、服务器、客户端、C/S、B/S乱七八糟各种打杂。首先接收一个WPF项目，因为不熟WPF，再加上前端我也不熟，我打算使用类似Webapp的方式改造一下，驱使我这样改造的原因是----我心里其实是期待着老板能看在我很忙很累的份上开开恩，招个前端妹子来。

WPF自己的webbrowser控件使用起来经常会js出错，看网上说可以修改注册表提高wpf默认使用的ie浏览器版本，最后决定使用cefsharp。

包管理器下载安装了cefsharp.wpf，没注意版本。

编译报错，提示需要.net 4.5.2以上版本，当前程序使用的是.net 4.0，编译器为vs2013。

工程右键->属性->目标框架，下拉最高只有.net 4.5.1，下载.net 4.5.2 Developer Pack安装。

准备工作结束，直接上代码

准备html

<html>

<head>

    <meta charset="utf-8">

    <link href="css/bootstrap.min.css?v=3.4.0" rel="stylesheet">

    <script language="JavaScript" type="text/javascript">

        function Selec()

        {

            bound.MyMethod();

        }

    </script>

</head>

<body  oncontextmenu='return false' onselectstart='return false'>

    <input type="text" class="form-control"> <span class="help-block m-b-none">部门列表</span>

            <input type="submit" value="保存" onclick="Selec()">

</body>

</html>

xaml布局文件不需要改动，相应cs文件

在构造函数中加入

//var browser = new CefSharp.Wpf.ChromiumWebBrowser();

this.Content = browser;

browser.Address = @"c:/html/Department.html";//文件路径

browser.RegisterJsObject("bound", new BoundObject(), new CefSharp.BindingOptions { CamelCaseJavascriptNames = false });//次函数有对应异步方法（RegisterAsyncJsObject），区别和使用场景没仔细看

在定义一个类供js调用的c#方法 

public class BoundObject

        {

            public void MyMethod()

            {

                MessageBox.Show("success");

            }

}




new CefSharp.BindingOptions { CamelCaseJavascriptNames = false }参数区分大小写。


好了，启动点击保存，弹出了了对话框。


还可以在xaml中使用


             xmlns:cefSharp="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf"

             d:DesignHeight="900" d:DesignWidth="1240">

    <Grid>

        <cefSharp:ChromiumWebBrowser Name="mychrome" Height="900" Width="1240"/>

    </Grid>


对应cs文件中作相应更改


            var browser = new CefSharp.Wpf.ChromiumWebBrowser();

            mychrome = browser;

            browser.Address = CGlobal.InstallPath + "html/Department.html";

            browser.RegisterAsyncJsObject("bound", new BoundObject(), new CefSharp.BindingOptions { CamelCaseJavascriptNames = false }); //Standard object rego


完善：


禁用右键 方法1


cs文件中加入




 browser.MenuHandler = new MenuHandler();


MenuHandler继承自接口IContextMenuHandler


        public class MenuHandler : CefSharp.IContextMenuHandler

        {

            public void OnBeforeContextMenu(IWebBrowser browserControl, IBrowser browser, IFrame frame, IContextMenuParams parameters, IMenuModel model)

            {

                model.Clear();

            }

            public bool OnContextMenuCommand(IWebBrowser browserControl, IBrowser browser, IFrame frame, IContextMenuParams parameters, CefMenuCommand commandId, CefEventFlags eventFlags)

            {

                return false;

            }

            public void OnContextMenuDismissed(IWebBrowser browserControl, IBrowser browser, IFrame frame)

            {

            }

            public bool RunContextMenu(IWebBrowser browserControl, IBrowser browser, IFrame frame, IContextMenuParams parameters, IMenuModel model, IRunContextMenuCallback callback)

            {

                return false;

            }

        }


方法2：修改HTML文件


<body  oncontextmenu='return false'>


禁止鼠标选中：


<body oncontextmenu='return false' onselectstart='return false'>


详情参考：https://github.com/cefsharp/CefSharp/wiki


												


											
WPF中使用cefsharp的更多相关文章
	

    
						
  1. 在WPF中使用CefSharp嵌入浏览器（转）
		
    在WPF中使用CefSharp嵌入浏览器   日常开发中,我们需要将一些Web页面嵌入到桌面客户端软件中.下面我们使用CefSharp嵌入浏览器来实现. 首先先介绍一下CefSharp嵌入式浏览器,它 ...
    
		
    2. 
								
  2. 在WPF中使用CefSharp嵌入浏览器
		
    日常开发中,我们需要将一些Web页面嵌入到桌面客户端软件中.下面我们使用CefSharp嵌入浏览器来实现. 首先先介绍一下CefSharp嵌入式浏览器,它是基于Google浏览器的一个组件,我们可以在 ...
    
		
    3. 
						
  3. .net core Wpf中使用cefsharp加载本地html网页,并且cefsharp支持any cpu
		
    第一步,在程序包管理器安装 cefsharp.wpf 第二步 您必须在项目的第一个 < propertygroup > 中添加 < cefsharpanycpusupport > ...
    
		
    4. 
						
  4. wpf中使用cefsharp加载本地html网页并实现cs和js的交互,并且cefsharp支持any cpu
		
    废话少说,直接上代码: 第一步: 第二步: 第三步: 第四步: App.xaml.cs对应的代码: using CefSharp; using CefSharp.Wpf; using System;  ...
    
		
    5. 
						
  5. 【WPF】使用CefSharp嵌入HTML网页
		
    需求:WPF项目中要做用户的商铺主页,由于考虑到每个商家的主页布局各不相同,不能用XAML写死布局.最好的办法是WPF这边XAML写好一个容器,用户使用HTML可视化编辑器(比如这个)来准备好网页,输 ...
    
		
    6. 
						
  6. 在WPF中使用依赖注入的方式创建视图
		
    在WPF中使用依赖注入的方式创建视图 0x00 问题的产生 互联网时代桌面开发真是越来越少了,很多应用都转到了浏览器端和移动智能终端,相应的软件开发上的新技术应用到桌面开发的文章也很少.我之前主要做W ...
    
		
    7. 
						
  7. MVVM模式解析和在WPF中的实现（六）  用依赖注入的方式配置ViewModel并注册消息
		
    MVVM模式解析和在WPF中的实现(六) 用依赖注入的方式配置ViewModel并注册消息 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二 ...
    
		
    8. 
						
  8. MVVM模式解析和在WPF中的实现（五）View和ViewModel的通信
		
    MVVM模式解析和在WPF中的实现(五) View和ViewModel的通信 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 M ...
    
		
    9. 
						
  9. MVVM设计模式和WPF中的实现（四）事件绑定
		
    MVVM设计模式和在WPF中的实现(四) 事件绑定 系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. java I/O库的设计模式
			
    在java语言 I/O库的设计中,使用了两个结构模式,即装饰模式和适配器模式.      在任何一种计算机语言中,输入/输出都是一个很重要的部分.与一般的计算机语言相比,java将输入/输出的功能和使 ...
    
			
    2. 
						
  2. link和@import引入外部样式的区别
			
    原文: 简书原文:https://www.jianshu.com/p/14f99062f29a 大纲 前言 1.隶属上的差别 2.加载顺序的不同 3.兼容性上的差别 4.使用DOM控制样式时的差别 5 ...
    
			
    3. 
						
  3. 【44.10%】【codeforces 723B】Text Document Analysis
			
    time limit per test1 second memory limit per test256 megabytes inputstandard input outputstandard ou ...
    
			
    4. 
						
  4. 配置java 环境变量（jdk）
			
    java环境变量需要配置3个: JAVA_HOME:D:\Program Files (x86)\Java\jdk1.8 CLASSPATH:.;%JAVA_HOME%\lib\dt.jar;%JAV ...
    
			
    5. 
						
  5. php javascript的ajax
			
    先说基础一点的get类型的ajax function loadXMLDoc() { var xmlhttp;//首先判断浏览器是否支持xmlhttprequest,因为ie56不是这个对象,是acti ...
    
			
    6. 
						
  6. [CSS] Build Responsive CSS Layouts with Tachyons
			
    Building responsive css layouts is critical in any modern website. Tachyons makes this easy by desig ...
    
			
    7. 
						
  7. 散列：散列函数与散列表（hash table）
			
    1. 散列函数 如果输入的关键字是整数,则一般合理方法是直接返回对表大小取模(Key mod TableSize)的结果,除非 Key 碰巧具有一些不太理想的特质.如,表的大小为 10,而关键字都是  ...
    
			
    8. 
						
  8. Photoshop怎么实现图片局部马赛克
			
    学好ps是一件很重要的事情,作为日常必备技能,不管是在遇到这样的同时请求帮忙或者老板发配的任务的时候,就能分分钟派上用场了. 1:安装运行photoshop,点击文件-打开,选择要ps的图片. 图片. ...
    
			
    9. 
						
  9. js进阶 9-16 如何实现多选框全选和取消
			
    js进阶 9-16 如何实现多选框全选和取消 一.总结 一句话总结:选择取到每一个checkbox的值,然后赋值为true或者false就好. 1.如何实现多选框全选和取消? 选择取到每一个check ...
    
			
    10. 
						
  10. 小强的HTML5移动开发之路（29）—— JavaScript回顾4
			
    一.变量的作用域 javascript脚本的执行过程分为两个阶段: 第一阶段,js引擎()先扫描整个javascript代码.当碰到<script>时,会先创建一个全局的活动对象,将< ...
    
			
    11.