将webkit内核封装为duilib的浏览器控件

Posted 2022-07-31 Redrain

转载请说明出处，谢谢~~

         原本的duilib是自带浏览器控件的，但是使用了IE内核，我在做仿酷狗音乐播放器时，在右侧乐库要用到浏览器控件，而我使用自带的IE控件却发现了不少缺点，这也是duilib一直没有解决的，编程群里的朋友也反映IE控件不好用。而目前最常用的浏览器内核一个是IE内核，另一个是webkit内核。

            先简单介绍一下这个webkit内核
            WebKit 是一个 开源 的 浏览器 引擎，与之相对应的引擎有 Gecko （Mozilla Firefox 等使用）和 Trident （也称 MSHTML ， IE  使用）。同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称，主要用于 Safari ， Dashboard ， Mail  和其他一些 Mac OS X  程序。WebKit 前身是 KDE 小组的 Khtml，WebKit 所包含的 WebCore  排版引擎 和 JSCore 引擎来自于  KDE  的  KHTML  和 KJS，当年苹果比较了 Gecko 和 KHTML 后，仍然选择了后者，就因为它拥有清晰的 源码 结构、极快的 渲染 速度。 Apple 将 KHTML 发扬光大，推出了装备 KHTML 改进型 WebKit 引擎的 浏览器  Safari。
              WebKit 内核在手机上的应用也十分广泛，例如 Google 的手机 Android 、 Apple 的 iPhone, Nokia’s Series 60 browser 等所使用的 Browser 内核引擎，都是基于 WebKit。
WebKit是开源的Web浏览器引擎，苹果的Safari、谷歌的Chrome浏览器都是基于这个框架来开发的。WebKit 还支持移动设备和手机，包括iPhone和android手机都是使用WebKit做为浏览器的核心。  
            可以看到webkit的前景非常不错，谷歌和苹果的各个产品，包括现在流行的安卓和ios系统，他们的浏览器都才用webkit内核，大有取代IE内核的意思。而且webkit是开源免费的！
            昨天我在网上搜索了webkit的相关产品，先是著名的cef，下载下来以后发现他编译后40M大，功能很强大，当然用起来比较复杂，查阅了相关资料，尝试封装了一下，但是发现难度较大。而且40M对于我这样只为了显示网页的需求来说太大了。如果是为了专门制作个浏览器，那么使用cef是很不错的。
            然后我下载EAWebkit，这个内核是基于webkit的精简封装，编译后只有3M大，用起来简单，但是和群里的朋友交流后得知这个内核不稳定，还存在较多bug，所以我也果断放弃了。
            最后四方打听，知道了这个wke内核，这个内核是国人 BlzFans发布的开源免费内核，一个相当好的代码，在此先感谢BlzFans的工作！
            这个wke内核是为了在3D游戏中嵌入网页和flash而开发的，支持最新的HTML5和CSS3技术，兼容性和速度都不错。
            今天花了一上午把这个内核封装为了duilib的浏览器控件，效果如下。 


            封装起来还是挺顺利的，有自带的win32demo，了解了他的工作过程，使用这个内核很简单，一个头文件，一个库文件，一个dll，只有这个3个文件。我在duilib里，仿照了CRichEditUI的封装过程。制作了CWkeWebkitUI控件作为浏览器控件。这个CWkeWebkitU控件继承了CControlUI控件，来更好的兼容duilib，然后在控件内部我封装了CWkeWebkitWnd类，CWkeWebkitU控件初始化时会建立CWkeWebkitWnd类，这个CWkeWebkitWnd类会使用Createwindow函数先建立一个子窗体，并且使用了WS_VISIBLE | WS_CHILD | WS_CLIPSIBLINGS | WS_CLIPCHILDREN样式，WS_CHILD让这个新建的窗体成为主窗体的子窗体，然后添加WS_CLIPSIBLINGS | WS_CLIPCHILDREN样式，这两个样式很关键，他可以让主窗体刷新时不去刷新子窗体，否则不加这个样式，就会因为主窗体频繁的刷新导致浏览器控件的卡顿。解决了核心问题，然后就是处理webkit内核的消息，仿照了原代的demo，我把各个消息处理后，就封装好了这个控件，并且增加了几个简单的接口来方便外部的调用。
             结束，休息一下~~ 2014.7.25  15:50  Redrain