Qt与JS（三）

时间  2019-11-21
栏目 JavaScript 繁體版
原文   原文链接

 

Qt不错的学习网址：javascript

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

 

----------------------------------------------------java

IE内核，qt调用js；qt写com组件，html就能够调用qtweb

能够百度 QAxBindable  会搜索到比较有用的文章浏览器

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

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

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

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);
 

}
 

}
 

}
 

 

 
 

------------------------------------------------------------------------------post
 

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.  
 
  2.     QWebElement userNameEle = frame->findFirstElement("#userName");  
    3.  
 
  3.     QWebElement passwordEle = frame->findFirstElement("#password");  
    4.  
 
  4.     QString userName = userNameEle.evaluateJavaScript("this.value").toString();  
    5.  
 
  5.     QString password = passwordEle.evaluateJavaScript("this.value").toString();
    6.  

 

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为什么有些网页显示不了:
 

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

二、把 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)却收不到请求。
 

一、
 

有没有试过调用QWebPager的setLinkDelegationPolicy函数，我以前有碰到过点击连接不处理的问题，是由于没有调用这个函数。
 ui->webView->page()->setLinkDelegationPolicy(QWebPage::DelegateExternalLinks);
 

三、实在不行，参考方案：最终仍是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();");
 }
 



        

            

        	





    

		

            
相关文章

            

                

                

                    

                

            


            
相关标签/搜索

            
        


    

        

            

        

        

        
        

        

        

    




	

    





    

    	

    

        每日一句
    

    
    
    	每一个你不满意的现在，都有一个你没有努力的曾经。
    







    

    


    



    

        本站公众号
    

    

           欢迎关注本站公众号,获取更多信息

        
    




    

    




	


	







    

        联系我们
        最近搜索
        最新文章
        
        沪ICP备13005482号-10

            MyBatis教程
            SQL 教程
            MySQL教程
            Java 教程
            Thymeleaf 教程
            Hibernate教程
            Spring教程 
            Redis教程