码迷,mamicode.com
首页 > Web开发 > 详细

Qt与JS(三)

时间:2017-09-22 22:42:41      阅读:562      评论:0      收藏:0      [点我收藏+]

标签:relative   his   点击   demo   logs   find   hbuilder   自动   work   

 

Qt不错的学习网址:

http://www.cnblogs.com/findumars/p/5529526.html

 

----------------------------------------------------

IE内核,qt调用js;qt写com组件,html就可以调用qt

可以百度 QAxBindable  会搜索到比较有用的文章

http://blog.csdn.net/csxiaoshui/article/details/47333989

http://blog.csdn.net/csxiaoshui/article/details/48000885

http://blog.csdn.net/csxiaoshui/article/details/50735018

http://blog.csdn.net/jxd9955/article/details/30260725

ui->axWidget->setControl("Shell.Explorer");

ui->axWidget->setObjectName(QString::fromUtf8("WebBrowser"));
ui->axWidget->setFocusPolicy(Qt::StrongFocus);
//去边框
ui->axWidget->setWindowFlags(Qt::FramelessWindowHint);
ui->axWidget->setStyleSheet("QGraphicsView{border:0px;}");


ui->axWidget->dynamicCall("Navigate(constQString&)",QString("file:///D:/proj/m5/m5/baidu_map_new.html"));

IWebBrowser2*webBrowser=0;

ui->axWidget->queryInterface(IID_IWebBrowser2,(void**)&webBrowser);

if(webBrowser)
{
VARIANT_BOOLresult;
HRESULTbusy=webBrowser->get_Busy(&result);

if(VARIANT_TRUE==result)
{

}
}

ui->axWidget->close();

 

ui->axWidget->show();

+++++++++++++++++++++++++++++++++++++++++++
调用js函数
voidMainWindow::SetLocation(std::wstringx,std::wstringy,std::wstringstr)
{
if(QString::fromStdWString(x).trimmed().isEmpty()||
QString::fromStdWString(y).trimmed().isEmpty())
{
QMessageBox::information(this,QString("NOTICE"),
#ifdefENGLISH_
QString("Targetaddressisempty!"));
#else
QString("目标地址为空!"));
#endif//ENGLISH_

return;
}

QAxObject*document=ui->axWidget->querySubObject("Document");
IHTMLDocument2*doc2;
if(document!=NULL)
{
document->queryInterface(QUuid(IID_IHTMLDocument2),(void**)&doc2);
}

if(doc2)
{
IHTMLWindow2*win2=NULL;
if(doc2->get_parentWindow(&win2)==S_OK)
{
WCHARlocationInfo[MAX_PATH]={0};
wsprintf(locationInfo,L"setLocation(%s,%s,%s)",x.c_str(),y.c_str(),str.c_str());

BSTRs1=SysAllocString(locationInfo);
BSTRs2=SysAllocString(L"JavaScript");
VARIANTret;
if(win2!=NULL)
{
win2->execScript(s1,s2,&ret);
}

SysFreeString(s2);
SysFreeString(s1);
}
}
}

 

------------------------------------------------------------------------------

QT5 与JS交互不错的文章:

http://blog.csdn.net/d7185540/article/details/52896531

http://blog.csdn.net/sharetm/article/details/55260207

---------------------------------------------------------------------------

Qt之QtScript(一)

http://blog.csdn.net/liuhongwei123888/article/details/6162159

http://blog.csdn.net/styyzxjq2009/article/details/8364545

-----------------------------------------------------------------------------------

WebView与JS

这种用法很少见:

http://www.cnblogs.com/ziqiuqiandao/archive/2012/12/29/2838652.html

可以获取到html元素的值:

  1.     QWebFrame *frame = ui->webView->page()->mainFrame();  
  2.     QWebElement userNameEle = frame->findFirstElement("#userName");  
  3.     QWebElement passwordEle = frame->findFirstElement("#password");  
  4.     QString userName = userNameEle.evaluateJavaScript("this.value").toString();  
  5.     QString password = passwordEle.evaluateJavaScript("this.value").toString();

http://blog.csdn.net/liuhongwei123888/article/details/6137094

技术分享

 

 技术分享

 

 

 

QT分析之WebKit http://www.cnblogs.com/lfsblack/p/5278777.html 对WebKit进行了详细的讲解,

 http://www.cnblogs.com/findumars/p/5529526.html可以将QT的属性值暴露给html文件。

大众用法:

QString strFunc(tr("locateCity(‘南京‘, 11);"));

m_pWebView->page()->mainFrame()->evaluateJavaScript(strFunc);

 

几个注意点:

QWebView为何有些网页显示不了:

1、网页是https协议的,使用SSL加密连接了。你的Qt库集成了openssl模块吗?如果没有,要-openssl开关重编QtNetwork库。如果有,连接webView->page()->networkAccessManager()的sslErrors信号,调用QNetworkReply的ignoreSslErrors函数,然后把libeay32.dll和ssleay32.dll两个文件和程序放到一起。

2、把 qt-create中的 ssleay32.dll 和 libeay32.dll 复制到 qt sdk的 bin目录下面

在学习Qt,做了个浏览器demo,没搞懂对https是怎么支持的?我开发的时候用的机器所有https网站都正常显示,后来拿到另一台机器上,全是空白页。网上有说是ssl握手产生错误的问题,我把代码搞到后一台机子上写了发现还是不行,根本没收到sslerror的signal。用其它浏览器都是正常打开,不明白为什么?

是不是libeay32.dll和ssleay32.dll缺了?

是因为这2个dll,但是电脑里是有的,其他程序都能找到这个路径就是我自己搞的不行,后来把openssl一起打包了。

QWebView直接load可以打开https网页,网页内的大多数的按钮点击却无反应
NetworkAccessManager::createRequest(Operation op, const QNetworkRequest & req, QIODevice * outgoingData)里可以看到有请求返回,
但WebPage::acceptNavigationRequest(QWebFrame *frame, const QNetworkRequest &request, NavigationType type)却收不到请求。

1、

有没有试过调用QWebPager的setLinkDelegationPolicy函数,我之前有碰到过点击链接不处理的问题,是因为没有调用这个函数。
ui->webView->page()->setLinkDelegationPolicy(QWebPage::DelegateExternalLinks);

3、实在不行,参考方案:最终还是QT整合MFC的CHtmlView来做

 

    /* 开启JavaScript支持 */  好像不是必须的!!

    QWebSettings *pWebSettings = m_pWebView->page()->settings();

 

    pWebSettings->setAttribute(QWebSettings::JavascriptEnabled,true);

 

 

    /* 建立信号与槽, 每次载入html时发送段信号 */  必须要!!!

    connect(m_pWebView->page()->mainFrame(),SIGNAL(javaScriptWindowObjectCleared()),

            this,SLOT(addObjectToJs()));

 

Qt代码里先尝试在javaScriptWindowObjectCleared信号对应的槽里调用,结果失败了:

connect(ui.webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),
            this, SLOT(populateJavaScriptWindowObject()));
...
void FormExtractor::populateJavaScriptWindowObject()
{
    ui.webView->page()->mainFrame()->evaluateJavaScript("tryalert();");
}

 

 

是因为这个信号发出得太早了,页面还没有完全载入。需要在后面调用。最好是响应loadFinished(bool)信号:
connect(ui.webView->page()->mainFrame(), SIGNAL(loadFinished(bool)),
            this, SLOT(callFunction()));
...
void FormExtractor::callFunction()
{
    ui.webView->page()->mainFrame()->evaluateJavaScript("tryalert();");
}

QWebview控件

该控件是用于在Qt中显示网页的控件,一般而言会将contextMenuPolicy属性设置为NoContextMenu隐藏系统为其提供的默认右键菜单

<1>. 加载网页:

1
2
3
ui->webViewCut->load(QUrl("http://www.baidu.com"));
//如果是本地网页,必须使用file:///的前缀作为网页地址
ui->webViewCut->load(QUrl("file:///c:/test.html "));

<2>. Qt代码中调用QWebview加载的网页中的js函数:

1
2
3
4
5
6
7
8
9
10
//先作如下设置
ui->webViewCut->page()->setForwardUnsupportedContent(true);
ui->webViewCut->page()->settings()->setAttribute(QWebSettings::JavascriptEnabled, true);
ui->webViewCut->page()->settings()->setAttribute(QWebSettings::PluginsEnabled, true);
ui->webViewCut->page()->settings()->setAttribute(QWebSettings::JavaEnabled, true);
ui->webViewCut->page()->settings()->setAttribute(QWebSettings::AutoLoadImages, true);
 
//然后在QWebview的loadFinished槽函数中调用js,该槽函数表示网页已经加载完毕
QString js = QString("alert(\‘hello Qt!\‘)");
ui->webViewCut->page()->mainFrame()->evaluateJavaScript(js);

<3>. 在QWebview加载的html的js代码中调用Qt的函数:

默认情况下在QwebViewCut中的网页里面的js不能直接调用Qt中的相关功能,这涉及到安全性问题。要满足js中调用Qt的功能必须满足下面的条件:

在Qt中暴露一个对象给js,然后js就可以在网页中直接使用这个对象以及该对象的[特定]函数,要求是被暴露Qt对象必须继承自QObject类,并且在js中调用这个暴露的对象的成员函数的定义是有要求的,该对象的满足下面的要求的成员函数都可以直接被js调用:

1.必须是该对象的公共函数,并且在函数声明前面添加Q_INVOKABLE修饰,例如:

1
2
public :
 Q_INVOKABLE int TestQt();

2.如果该函数被声明成一个public slot 也可以不添加Q_INVOKABLE修饰:

1
2
public slots:
  void TestQt();

个人认为第一种方法更好,因为可以设置返回值,而Qt的槽函数是没有返回值的,都是返回void,只需要调用this->ui->webViewCut->page()->mainFrame()->addToJavaScriptWindowObject("QtObj", this); 就可以将一个Qt对象,也就是这里传递的this代表的对象,当然也可以直接传递其他对象指针,暴露给网页中的javascript,网页中的javascript在调用的时候可以直接使用 QtObj 去引用我们的Qt对象,以及通过QtObj去直接调用符合条件的Qt对象的成员函数。

那么this->ui->webViewCut->page()->mainFrame()->addToJavaScriptWindowObject("QtObj", this);代码在什么时候执行呢? 推荐是在QWebFrame的信号javaScriptWindowObjectCleared发出的时候执行,所以我们可以在当前UI界面类的构造函数中添加下面的代码:

1
2
connect(ui->webViewCut->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),
    this, SLOT(populateJavaScriptWindowObject()));

然后在处理javaScriptWindowObjectCleared()信号的槽函数中实现上述暴露功能:

1
2
3
4
void MainWindow::populateJavaScriptWindowObject()
{
   ui->webViewCut->page()->mainFrame()->addToJavaScriptWindowObject("QtObj"this);
}

根据Qt文档上对该信号的描述javaScriptWindowObjectCleared()这个信号会在我们调用QwebViewCut::load()加载新的url之前就触发,我们在这个时候去处理这个信号,将我们需要暴露的Qt对象暴露给即将载入的网页

<4>. 将Qt的属性暴露出去供js调用,使用如下方法:

1
Q_PROPERTY(int Qtvalue READ testValue WRITE setTestValue)

将上面的语句加入到类的声明中,在private块下面就可以,最后不需要以分号结尾,例如:

1
2
private:
 Q_PROPERTY(int Qtvalue READ testValue WRITE setTestValue)

这一行的作用是将属性 Qtvalue 注册到Qt的元对象系统中,在js中可以通过名字Qtvalue来访问该属性,但在js中访问该属性的时候假设Qt暴露给js的对象为QtObj,那么在js中可以这样访问该属性:

1
2
QtObj.Qtvalue = 10; //设置该属性的时候会调用void setTestValue(int)
alert(QtObj.Qtvalue) //获取该属性的时候会调用 int testValue()

Q_PROPERTY(int Qtvalue READ testValue WRITE setTestValue)的结构如下:

1
2
Q_PROPERTY( 类型   属性名    READ     返回属性值的函数    WRITE     设置属性值的函数 )
            int   Qtvalue           int testValue()          void setTestValue(int)

也就是说在js中我们可以直接使用Qtvalue,当获取Qtvalue的值的时候会自动调用暴露对象的 int testValue() 函数 ,Qt规定其返回值必须与Q_PROPERTY语句中指定的类型相同,并且必须没有参数。当我们为Qtvalue设置值的时候会调用暴露对象的void setTestValue(int)函数,该函数必须有一个int类型的参数(类型也必须与前面Q_PROPERTY语句中指定的类型相同),并且不能有返回值。

经过实验int testValue()void setTestValue(int)函数的声明在private区域也可以,好像无所谓。其实这两个函数的名字是可以随意定的,对js暴露的属性名是Qtvalue,当访问Qtvalue属性的时候,会自动调用Q_PROPERTY声明中READ后面指定的函数去获取值,并且调用WRITE后面指定的函数去设置值,而不在乎这两个函数的名字。

另外这两个函数获取的值或者设置的值从哪里得来呢,我们可以在Qt对象中定义一个私有变量来保存这个值,而这个私有变量的名字是无所谓的,甚至如果需要的话,我们也不必保存这个值,直接在函数testValue里面返回一个常量值,也就是说是否应该定义一个私有变量来保存Qtvalue相关联的属性值,这个也不是必须的。

更多Qt QWidget与js的交互可以在Qt文档中搜索  The Qt WebKit Bridge关键字,其实Q_PROPERTY并不是专用于暴露属性给js的,Q_PROPERTY是Qt元对象系统的一部分。

<5>. 如果在QWebview加载的网页中有Flex应用程序,并且Qt中调用该QWebview加载的网页中的js函数中需要调用flex程序暴露给js的接口,那么还需要作如下设置:

"%appdata%\Macromedia\Flash Player\#Security\FlashPlayerTrust\"路径下新建xxx.cfg文件,将当前flex应用程序所在位置(也就是swf文件所在的目录)填写到该文件中即可,该xxx.cfg的名字是无所谓的,随便什么名字,在xxx.cfg文件中指定的目录路径中的swf文件的运行是被信任的。xxx.cfg文件中可以指定多个目录,每行一个。实际上%appdata%\Macromedia\Flash Player\#Security\FlashPlayerTrust\路径下也可以有多个文件名不同的cfg文件。xxx.cfg文件中指定的目录实际上可以直接指定为根目录,例如swf文件的路径是F:/xxx/yyy/zzz/test.swf,那么我们新建的xxx.cfg中的内容的第一行可以直接指定为F:/即可。

其实FlexBuilder在建立项目的时候,其生成的swf所在的目录都被添加到了%appdata%\Macromedia\Flash Player\#Security\FlashPlayerTrust\下面的flashbuilder.cfg中了,所以使用FlexBuilder调试项目的时候,运行的swf都是被信任的。

 

 

 

js调用QT时,传递参数类型:

注册:

m_pWebView->page()->mainFrame()->addToJavaScriptWindowObject("m5_js",this);

 

js调用qt的函数

void m5_js::setInfor(const QString a)

{

ui.btadd->setText(a);

 

}

          js函数:  

function attribute() {

var p = marker.getPosition();

var ll = p.lng.toString();

m5_js.setInfor(ll)

//m5_js.setInfor(p.lng.toString())

 //获取marker的位置

alert("marker的位置是" + p.lng + "," + p.lat);

}

Qt代码里先尝试在javaScriptWindowObjectCleared信号对应的槽里调用,结果失败了:

connect(ui.webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),
            this, SLOT(populateJavaScriptWindowObject()));
...
void FormExtractor::populateJavaScriptWindowObject()
{
    ui.webView->page()->mainFrame()->evaluateJavaScript("tryalert();");
}

 

是因为这个信号发出得太早了,页面还没有完全载入。需要在后面调用。最好是响应loadFinished(bool)信号:
connect(ui.webView->page()->mainFrame(), SIGNAL(loadFinished(bool)),
            this, SLOT(callFunction()));
...
void FormExtractor::callFunction()
{
    ui.webView->page()->mainFrame()->evaluateJavaScript("tryalert();");
}

Qt与JS(三)

标签:relative   his   点击   demo   logs   find   hbuilder   自动   work   

原文地址:http://www.cnblogs.com/zhangxuan/p/7577094.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!