QtWebkit 模块使得Qt widget能够通过HTML的object标签嵌入到web页面中，并通过JavaScript代码进行访问，而Qt对象也能相应的访问web页面元素。

将Qt对象插入到web页面中

首先继承并实现QWebPluginFactory类 ：

  1. class MyPlugin: public QWebPluginFactory
  2. {
  3. Q_OBJECT
  4. public:
  5. MyPlugin(QObject* parent = 0);
  6. // 当QtWebkit模块解析到HTML中的object标签时被调用
  7. virtual QObject* create(const QString& mimeType,
  8. const QUrl& url,
  9. const QStringList& argumentNames,
  10. const QStringList& argumentValues) const;
  11. // 返回该factory支持的plugin
  12. virtual QList<Plugin> plugins() const;
  13. };
  14. MyPlugin::MyPlugin(QObject* parent)
  15. : QWebPluginFactory(parent)
  16. {
  17. // do nothing
  18. }
  19. QObject* MyPlugin::create(const QString& mimeType,
  20. const QUrl& url,
  21. const QStringList& argumentNames,
  22. const QStringList& argumentValues) const
  23. {
  24. QLabel* label = new QLabel(url.toString());
  25. return label;
  26. }
  27. QList MyPlugin::plugins() const
  28. {
  29. QList list;
  30. QWebPluginFactory::Plugin entry;
  31. entry.name = "plugin名";
  32. entry.description = "描述";
  33. list.push_back(entry);
  34. return list;
  35. }

然后将其嵌入到HTML页面 中：

  1. <html>
  2. <head><title>test</title></head>
  3. <body>
  4. <object type="application/zxz-plugin" data="http://blog.csdn.net/zhu_xz" width="200" height="100"  id="myLabel"></object>
  5. </body>
  6. </html>

最后，在Qt代码中加载并显示 该页面：

  1. QWebView view;  
  2. view.settings()->setAttribute(QWebSettings::PluginsEnabled, true);  
  3. view.page()->setPluginFactory(new MyPlugin);  
  4. view.load(QUrl("test.html"));  
  5. view.show();  

这里，当QtWebkit模块解析该HTML文件，遇到object标签时，会自动调用QWebPluginFactory::create()函数，并传递以下参数：

mimeType：application/zxz-plugin

url：http://blog.csdn.net/zhu_xz

此外，还可以通过object标签的param子标签传递参数。

在web页面中访问Qt对象

在web页面中可以通过类似于下的JavaScript代码访问Qt对象：

  1. <a href="javascript:document.getElementById("myLabel").setText("通过JavaScript访问Qt对象");" mce_href="javascript:document.getElementById("myLabel").setText("通过JavaScript访问Qt对象");">点击访问Qt对象</a>  

在Qt对象中访问web页面元素 
在QWebPluginFactory::create()函数中添加以下代码：

  1. // myPlugin指向的对象可在HTML中用名字myPluginObject进行访问
  2. webView->page()->mainFrame()->addToJavaScriptWindowObject("myPluginObject", myPlugin);
  3. // 当信号signalEmitted被触发时，调用JavaScript的functionToCall函数
  4. webView->page()->mainFrame()->evaluateJavaScript("myPluginObject.signalEmitted.connect(functionToCall);");
 
 http://blog.csdn.net/zhu_xz/article/details/5072596

用Qt开发Web和本地混合的应用的更多相关文章

  1. Qt 开发WEB Services客户端代码（使用gSoap）

    1.   首先下载gSoap开发包 http://sourceforge.net/projects/gsoap2  目录包含 wsdl2h.exe( 由wsdl生成接口头文件C/C++格式的头文件 ) ...

  2. 原生应用native、Web应用、混合应用hybrid：3者的优缺点解析

    最近原生应用.Web应用.混合应用的名字让我们听得比较熟悉了,现在我们就通过评析各种应用的优缺点来更进一步看看这三者的区别. 一. 原生应用: 你使用过微软PowerPoint 或者 Word吧?这些 ...

  3. android 原生应用、Web应用、混合应用优缺点分析

    近期开发几个项目,牵涉到android的几种开发模式.对于原生态开发.web 应用开发以及混合模式开发,本人觉得并非哪一种就是最好的,哪一种就是最差的,这个全然是依据项目的实际需求,选择一种合适的开发 ...

  4. Node.js学习笔记——Node.js开发Web后台服务

    一.简介 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.j ...

  5. 用“MEAN”技术栈开发web应用（三）用mongodb搭建数据库

    上一篇介绍了如何用express搭建起服务端MVC的开发架构,本篇我们来详细介绍一下这个Model层,也就是数据库访问层.包含如何使用mongodb搭建数据库,以及如何使用mongoose来访问数据. ...

  6. 亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 第一个APP

    参考博文: [Phonegap+Sencha Touch] 移动开发1.准备工作 [Phonegap+Sencha Touch] 移动开发2.PhoneGap/Cordova初步使用   经过差不多1 ...

  7. [转]World Wind Java开发之四——搭建本地WMS服务器

    在提供地理信息系统客户端时,NASA还为用户提供了开源的WMS Server 服务器应用:World Wind WMS Server.利用这个应用,我们可以架设自己的WMS服务并使用自己的数据(也支持 ...

  8. html5文章 -- 使用 jQuery Mobile 与 HTML5 开发 Web App ——开发原则 | Kayo's Melody

    最近专注研究 jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mob ...

  9. [转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

    在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...

随机推荐

  1. 解说cocos2d-x几种画图方法的用法与思考

    CCRenderTexture 自己的理解 CCRenderTexture类似一张空白的“画布“,用户通过自定义笔刷(CCSprite*),在touch事件中把笔刷的移动痕迹“记录”起来,从而“画”出 ...

  2. struts2之高危远程代码执行漏洞，可造成服务器被入侵，下载最新版本进行修复

          Struts2 被发现存在新的高危远程代码执行漏洞,可造成服务器被入侵,只要是Struts2版本 低于 2.3.14.3 全部存在此漏洞.目前官方已经发布了最新的版本进行修复.请将stru ...

  3. MVC与WebForm的简单的比较

    MVC与WebForm的简单的比较 ASP 强制程序员将业务逻辑和展示页放到一个文件中 WebForm 允许程序员将业务逻辑与页面展示分开到不同的文件中,并且提供强大的开发平台来写  业务逻辑代码  ...

  4. BZOJ 2190: [SDOI2008]仪仗队( 欧拉函数 )

    假设C君为(0, 0), 则右上方为(n - 1, n - 1). 一个点(x, y) 能被看到的前提是gcd(x, y) = 1, 所以 answer = ∑ phi(i) * 2 + 2 - 1 ...

  5. Windows下用WinSCP传输数据到Linux上

    Scenario:最近公司做的一个项目,UI部分我是使用python在编译时做localization的,是linux下运行的,但是开发是在windows下进行的每次编译后都要手动通过WinSCP这个 ...

  6. Swift - 短信发送功能的实现

    使用MessageUI.framework框架可以实现短信发送功能,步骤如下: (1)首先判断设备是否有发送短信功能 (2)如果设备允许发送短信,创建一个MFMessageComposeViewCon ...

  7. 细节！重点！易错点！--面试java基础篇（二）

    今天来给大家分享一下java的重点易错点第二部分,也是各位同学面试需要准备的,欢迎大家交流指正. 1.字符串创建与存储机制:当创建一个字符串时,首先会在常量池中查找是否已经有相同的字符串被定义,其判断 ...

  8. jdbcType与javaType的对应关系

    java.sql.Types 值 Java 类型 IBM DB2 Oracle Sybase SQL Informix IBM Content Manager BIGINT java.lang.lon ...

  9. 全方位深度剖析--性能测试之LoardRunner 介绍

    一.介绍 LoardRunner是一种预测系统行为和性能负载的测试工具.通过模拟上千万用户实施并发负载及实时性能监控的方式来确认和查找系统的瓶颈,LoardRunner能够对整个企业架构进行测试.通过 ...

  10. MySQL数据库触发器(trigger)

    MySQL触发器(trigger):监视某种情况并触发某种操作 一:四要素 触发时间:before/after 地点:table 监视操作:insert/update/delete 触发操作:inse ...