Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2095846
  • 博文数量: 229
  • 博客积分: 7217
  • 博客等级: 上校
  • 技术积分: 3224
  • 用 户 组: 普通用户
  • 注册时间: 2009-02-19 17:23
个人简介

个人主页https://xugaoxiang.com,微信公众号: Dev_Club 或者搜索 程序员Club

文章分类

全部博文(229)

文章存档

2017年(1)

2016年(20)

2015年(23)

2013年(1)

2012年(23)

2011年(68)

2010年(62)

2009年(31)

分类: LINUX

2011-10-08 14:27:01

所谓的Qt javascript扩展指的是将QObject对象抛出给webkit和javascript,这样前端就可以通过js去调用QObject对象的方法,这里的方法是指QObject的public slots,另外QObject的属性在javascript中也是可用的,QObject无法由QtWebkit显式地删除。 

 main.cpp
  1. #include <qapplication.h>
  2. #include <qwebview.h>

  3. #include "testobject.h"

  4. int main( int argc, char **argv )
  5. {
  6.     QApplication app( argc, argv );

  7.     QWebView *view = new QWebView();

  8.     MyClass *myclass = new MyClass( view );
  9.     myclass->setWebView( view );

  10.     view->setUrl( QUrl( "test.html" ) );
  11.     view->show();

  12.     return app.exec();
  13. }
 
test.pro

  1. TEMPLATE = app
  2. TARGET =
  3. DEPENDPATH += .
  4. INCLUDEPATH += .

  5. QT += webkit

  6. # Input
  7. HEADERS += testobject.h
  8. SOURCES += main.cpp testobject.cpp

testobject.h

  1. #ifndef TESTOBJECT_H
  2. #define TESTOBJECT_H

  3. #include <qobject.h>

  4. class QWebView;
  5. class QWebFrame;

  6. class MyClass : public QObject
  7. {
  8.     Q_OBJECT
  9. public:
  10.     MyClass( QObject *parent );

  11.     void setWebView( QWebView *view );

  12. public slots:
  13.     void print( const QString &param );

  14. private slots:
  15.     void attachObject();

  16. private:
  17.     QWebFrame *frame;
  18. };

  19. #endif // TESTOBJECT_H

testobject.cpp

  1. #include <qdebug.h>
  2. #include <qwebview.h>
  3. #include <qwebframe.h>

  4. #include "testobject.h"

  5. MyClass::MyClass( QObject *parent )
  6.     : QObject( parent )
  7. {

  8. }

  9. void MyClass::setWebView( QWebView *view )
  10. {
  11.     QWebPage *page = view->page();
  12.     frame = page->mainFrame();

  13.     attachObject();
  14.     connect( frame, SIGNAL(javaScriptWindowObjectCleared()), this, SLOT(attachObject()) ); //当网页被载入或者刷新时,将暴露给webkit的QObject和JavaScript进行连接
  15. }

  16. void MyApi::attachObject()
  17. {
  18.     frame->addToJavaScriptWindowObject( QString("MyApi"), this );//前提是使能javascript,即将JavascriptEnabled属性值设置为true;
  19. }

  20. void MyClass::print( const QString &param )
  21. {

  22.     //这是最终被javascript脚本调用的函数
  23.     qDebug() << "Print paramter from js script:" << param;
  24. }

test.html

  1. <html>
  2. <body>
  3. Test Page for Qt Javascript Extension!
  1. <script>
  2.   MyClass.print( 'Test Page for Qt Javascript Extension!' );  
  3. </script>
  4. </body>
  5. </html>

 将以上几个文件放在一个目录下,编译测试

qmake

make

./test

阅读(6417) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~