chromium是google chrome浏览器所采用的内核，最开始由苹果的webkit发展而出，由于webkit在发展上存在分歧，而google希望在开发上有更大的自由度，2013年google决定自己开发webcore的分支，叫做Blink引擎，而后google以BSD伯克利许可开源，BSD许可限制较为宽松，很多浏览器都是基于chromium开发的，比如，此后省略100字。google在原有基础上做了进一步的精简优化，并开发出v8 javascript引擎，2010年google收购了webrtc技术随后开放了源代码，webrtc采用vp编码，兼容html5标准，同年google推出了chrome os云操作系统，浏览器的衍生产品。

废话不多说，检索一下Chromium Embedded Framework，简称cef，你可以在cefbuilds上看到当前chromium最新放出的版本，也可以在google code上下载到，里面包括浏览器的核心库和底层api，支持c和c++的编程语言，另外也有第三方的包括.net/mono、java、python、delphi等开源项目。

我们从google code下载win32的c++库，打开release文件夹。

这里面作个介绍：

libcef.dll：cef核心库。

icudt.dll：编码格式库。

ffmpegsumo.dll：视频解码器，包含vp8 vp9编码库。

d3dcompiler_43.dll、d3dcompiler_46.dll、libEGL.dll、libGLESv2.dll

这几个是3d图形的库，d3dcompiler_43.dll适用于xp，d3dcompiler_46适用于xp以上版本。

include文件夹里面是cef c++的头文件，可以去github下载.net调用的project，叫做cefsharp，提供了winform和wpf的完整demo。

CefSharp：封装是C#调用api的入口和数据接受类。

CefSharp.BrowserSubprocess：是.net写的一个伴随进程，主要负责处理javascript和后台线程。

CefSharp.BrowserSubprocess.Core：是一个c++的工程，需要引用到cef的c++头文件，主要是javascript相关操作。

CefSharp.Core：也是一个c++工程，包括cef的初始化配置、接受事件等。

CefSharp.Example：c#调用cef的初始化配置。

CefSharp.WinForm.Example：写了一个自定义控件，作为cef浏览器的窗口。

ChromimumWebBrowser.cs所有接口的实现可以放在这里面，详见cefsharp demo。

1 public class ChromiumWebBrowser : Control, IWebBrowserInternal, IWinFormsWebBrowser

2 {

3     ...

4 }

再加一个自定义控件BrowserUserControl。自定义一个构造函数。

 1 public BrowserUserControl(string url)

 2 {

 3     InitializeComponent();

 4

 5     var browser = new ChromiumWebBrowser(url)

 6     {

 7         Dock = DockStyle.Fill

 8     };

 9     this.Controls.Add(browser);

10 }

建立一个Form1启动窗口，添加创建的用户控件。

 1 public Form1()

 2 {

 3     InitializeComponent();

 4

 5     var browser = new BrowserUserControl(CefExample.DefaultUrl)

 6     {

 7         Dock = DockStyle.Fill,

 8     };

 9     browser.CreateControl();

10     this.Controls.Add(browser);

11 }

再来看一下Program.cs中的main方法入口，CefExample调用了一个Init初始化方法。

 1 /// <summary>

 2 /// The main entry point for the application.

 3 /// </summary>

 4 [STAThread]

 5 static void Main()

 6 {

 7     CefExample.Init();

 8

 9     Application.EnableVisualStyles();

10     Application.SetCompatibleTextRenderingDefault(false);

11     Application.Run(new Form1());

12 }

在CefSharp.Example工程中，defaulturl就是默认首页url地址。

 1 public static class CefExample

 2 {

 3     public const string DefaultUrl = "http://www.google.com/";

 4     private static readonly bool DebuggingSubProcess = Debugger.IsAttached;

 5

 6     public static void Init()

 7     {

 8         var settings = new CefSettings();

 9         settings.RemoteDebuggingPort = 8088;

10         settings.CefCommandLineArgs.Add("enable-media-stream", "enable-media-stream");

11         settings.IgnoreCertificateErrors = true;

12         settings.LogSeverity = LogSeverity.Verbose;

13

14         if(DebuggingSubProcess)

15         {

16             //var architecture = Environment.Is64BitProcess ? "x64" : "x86";

17             //settings.BrowserSubprocessPath = "..\\..\\..\\..\\CefSharp.BrowserSubprocess\\bin\\" + architecture + "\\Debug\\CefSharp.BrowserSubprocess.exe";

18         }

19

20         settings.RegisterScheme(new CefCustomScheme

21         {

22             SchemeName = CefSharpSchemeHandlerFactory.SchemeName,

23             SchemeHandlerFactory = new CefSharpSchemeHandlerFactory()

24         });

25

26         if (!Cef.Initialize(settings))

27         {

28             if (Environment.GetCommandLineArgs().Contains("--type=renderer"))

29             {

30                 Environment.Exit(0);

31             }

32             else

33             {

34                 return;

35             }

36         }

37     }

38 }

我们放一个release版本，里面大概有这些文件。locales里面放的本地化资源包，包括cef_100_percent/cef_200_percent，如果删掉，会出现诸如窗口滚动条外观异常等，degug.log会记录操作记录。

运行一下打开一个网页。

我们再写一个html页面。

 1 <!DOCTYPE html>

 2

 3 <html>

 4 <head>

 5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 6     <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">

 7     <title></title>

 8 </head>

 9 <body>

10     <video autoplay></video>

11     <script>

12         'use strict';

13

14         var video = document.querySelector('video');

15         var constraints = {

16             audio: false,

17             video: true

18         };

19

20         navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||

21           navigator.mozGetUserMedia;

22

23         function successCallback(stream) {

24             window.stream = stream;

25             if (window.URL) {

26                 video.src = window.URL.createObjectURL(stream);

27             } else {

28                 video.src = stream;

29             }

30         }

31

32         function errorCallback(error) {

33             console.log('navigator.getUserMedia error: ', error);

34         }

35

36         navigator.getUserMedia(constraints, successCallback, errorCallback);

37     </script>

38 </body>

39 </html>

修改CefExample的defaulturl指向这个页面。

有一点要注意，在CefCommandLineArgs添加了enable-media-stream参数，意思是开启chrome的媒体流。看下效果。

这里我们基于chromium内核使用到了html5 webrtc技术，页面开启了摄像头。

这里只是粗略的列了个小demo，还有比如一些基本的鼠标事件、页面重定向等功能，除此之外chromium很有功能api值得学习和挖掘。

构建基于Chromium的应用程序（Winform程序加载Html页面）的更多相关文章

  1. 构建基于Chromium的应用程序

    chromium是google chrome浏览器所采用的内核,最开始由苹果的webkit发展而出,由于webkit在发展上存在分歧,而google希望在开发上有更大的自由度,2013年google决 ...

  2. 微信小程序---》分包加载

    [小程序]---分包加载   一.分包加载 某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载 在构建小程序分包项目时,构建会输出一个或多个分包.每个使 ...

  3. VS2012外接程序VMDebugger未能加载或导致了异常

    转http://blog.csdn.net/maryhuan/article/details/42676915 故障现象:打开Visual Studio 2010后弹出错误框,外接程序VMDebugg ...

  4. [转] 从 dll 程序集中动态加载窗体

    无涯 原文 从 dll 程序集中动态加载窗体 [原创] 昨天晚上花了一晚上时间写了一个从程序集中动态加载窗体的程序．将任何包含窗体的代码编译成 dll 文件,再把 dll 文件拷贝到本程序的目录下,本 ...

  5. win7 Visual Studio 2008 安装程序时出现“ 加载安装组件时遇到问题。取消安装。”处理方法

    win7 Visual Studio 2008 安装程序时出现“ 加载安装组件时遇到问题.取消安装.”处理方法 vs2008试用期到期,卸载.重新安装都会出现“ 加载安装组件时遇到问题.取消安装.”无 ...

  6. 在MVC应用程序中动态加载PartialView

    原文:在MVC应用程序中动态加载PartialView 有时候,我们不太想把PartialView直接Render在Html上,而是使用jQuery来动态加载,或是某一个事件来加载.为了演示与做好这个 ...

  7. 微信小程序之下拉加载和上拉刷新

    微信小程序下拉加载和上拉刷新两种实现方法 方法一:onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新 首先要在json文件里设置window属性       ...

  8. Error 25007.初始化合成时发生错误。安装程序无法使用 LoadLibraryShim() 加载合成。

    安装“Microsoft .NET Framework 2.exe”报错如下: c:\windows\microsoft.net\framework\...类似这种错误都因 .NET Framewor ...

  9. 微信小程序web-view之动态加载html页面

    官方推出的web-view方便了很多开发人员. 我们在做的时候,经常会想到写一个小程序的page然后通过动态加载web-view的形式来完成其他功能页面的开发. 之前研究web-view的时候发现网上 ...

随机推荐

  1. Scala中的类学习

    Scala中的类学习 从java了解类的情况下,了解Scala的类并不难.Scala类中的字段自动带getter和setter方法,用@BeanProperty注解生成javaBean对象的getXX ...

  2. [转]使用CallerMemberName简化InotifyPropertyChanged的实现

    原文:https://www.cnblogs.com/TianFang/p/3381484.html 在WPF中,当我们要使用MVVM的方式绑定一个普通对象的属性时,界面上往往需要获取到属性变更的通知 ...

  3. 20155325 2017-2018 1 课上测试、课下作业、实验——码云&博客链接汇总 《信息安全系统设计基础》

    第二周-课上 码云 https://gitee.com/bestiisjava2017/XinXiAnQuanXiTongSheJiJiChu20155325thl/tree/master/0927 ...

  4. 【转载】COM 组件设计与应用（九）——IDispatch 接口 for VC6.0

    原文: http://vckbase.com/index.php/wv/1224.html 一.前言 终于写到了第九回,我也一直期盼着写这回的内容耶,为啥呢?因为自动化(automation)是非常常 ...

  5. opencv-Drawing Functions in OpenCV

    1.opencv简单画图形 # coding = utf-8 # 画线.长方形.圆等 import numpy as np import cv2 # 返回一个数组 img = np.zeros((51 ...

  6. bzoj 前100题计划

    bzoj前100题计划 xz布置的巨大的坑.. 有空填题解... 1002 轮状病毒 用python手动matrixtree打表. #include<bits/stdc++.h> #def ...

  7. Win10版本号区分

      版本号 内部版本号 UniversalApiContract  首个正式版 1507 10240 1  首个重大更新 1511 10586 2  一周年更新 Anniversary Update ...

  8. 2018年美国大学生数学建模竞赛(MCM/ICM) E题解题思路

    任务一就是让大家去做个基本的评价,是典型的评价类问题,所以应该按照 指标+方法的步骤去做,首先就是寻找国家脆弱性的相关概念,然后选择影响国 家脆弱性的指标,如气候变化,经济发展,政治状况等等,再就是构 ...

  9. FileDialog对象

    返回表示文件对话框实例的 FileDialog 对象. 语法 expression. FileDialog( _fileDialogType_ ) expression:表示 Application  ...

  10. 阿里云服务器ECS上ubuntu安装nginx后默认站点页面打开错误，显示无法访问此网站

    问题:在新买的阿里云服务器ECS上安装nginx后打开默认页面失败,如下图所示. 系统环境:Ubuntu 16.04.4 LTS64版本. 步骤回顾: root用户下运行命令 apt-get inst ...