基于wke封装的duilib的webkit浏览器控件,可以c++与js互交,源码及demo下载地址

简介: 转载请说明原出处,谢谢~~        前些日子用wke内核封装了duilib的webkit浏览器控件,好多群里朋友私聊我希望可以我公布源码,今天把这个控件的源码和使用demo公布。

转载请说明原出处,谢谢~~

       前些日子用wke内核封装了duilib的webkit浏览器控件,好多群里朋友私聊我希望可以我公布源码,今天把这个控件的源码和使用demo公布。其实这个控件封装起来没什么难度,我只是按照原来作者的demo,把相应的消息封装成duilib对应的。


       在此首先要感谢wke内核的作者BlzFans以及soui2界面库的作者flyhigh,BlzFans精简了webkit内核后封装为wke并公布了源码,flyhigh对wke进行处理让他更容易移植到dui工程中。wke内核10M大,加上视频播放模块的话15M。我站在巨人的肩膀上,只是把这个内核简单的封装了一下。


       近几年webkit内核貌似很火爆,duilib已经有了webbrowser控件,为什么还要再封装个webkit内核的浏览器控件?原因如下:

        1)众所周知IE的版本众多,从经典的IE6到最新的IE11,但是他们并没有统一的实现标准,导致同样的网页文件在不同版本的IE浏览器中的效果不一样。

        2)使用IE内核的浏览器效率较低些,这点就不用说了大家都知道

        3)实现c++与网页的互交功能太繁琐,做过c++与IE互交的朋友肯定深有体会,需要编写一堆代码才可以完成,而这个wke内核只需要几行代码就可以完成c++控制网页、js控制c++。

        4)wke内核完全支持最新的css3和html5技术。


       关于c++控制网页和js控制c++的功能,请参见我前面写的博客给Webkit内核的浏览器控件增加互交功能,我就不赘述了,我在demo里演示了js控制c++。鼠标移动进如图的红色区域再移动出来,就会弹出对话框,这是js主动调用c++的例子,为了防止暴露个人信息,我就把网页换成了最简单的背景,大家凑活着看吧~~


      在c++代码里我有所注释,大家可以自己去测试各种网站。







        duilib  webkit内核浏览器控件源码及demo已经同步到我的个人维护的duilib库中,现在的版本已经修复了网页的select标签无法显示的问题,我个人库的地址:点击打开链接


       或者从csdn资源处下载:点击打开链接


        如果发现我的demo有什么不妥,或者封装的控件有问题,请联系我!


   Redrain  2014.8.13

目录
相关文章
|
8月前
|
前端开发 数据安全/隐私保护
crypto-js中AES的加解密封装
文章介绍了如何在前端使用crypto-js库进行AES加密和解密,提供了加解密的函数封装示例,并演示了如何加密和解密字符串或对象。
512 1
crypto-js中AES的加解密封装
|
6月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
148 63
|
6月前
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
190 57
|
6月前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
109 5
在浏览器执行js脚本的两种方式
|
6月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
962 1
|
7月前
|
JavaScript
使用node.js控制CMD命令——修改本机IP地址
使用node.js控制CMD命令——修改本机IP地址
|
7月前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
1334 1
|
7月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
114 1
|
8月前
|
JavaScript 前端开发
js之浏览器对象|28
js之浏览器对象|28
|
9月前
|
机器学习/深度学习 人工智能 前端开发
【人工智能】利用TensorFlow.js在浏览器中实现一个基本的情感分析系统
使用TensorFlow.js在浏览器中进行情感分析是一个非常实用的应用场景。TensorFlow.js 是一个用于在JavaScript环境中训练和部署机器学习模型的库,使得开发者能够在客户端直接运行复杂的机器学习任务。对于情感分析,我们可以使用预先训练好的模型来识别文本中的积极、消极或中性情感。
206 4
【人工智能】利用TensorFlow.js在浏览器中实现一个基本的情感分析系统