Qt与Web开发之QWebEngineView(一)
程序员文章站
2022-07-13 13:38:25
...
Qt与网页交互开发提供QWebKit和QWebEngine,但Qt5.6之后就不再支持QWebKit, 转而应用谷歌内核支持的QWebEngine,提升性能.
开发准备: Qt需要安装QWebEngine模块
引入模块: QT += webenginewidgets
实现: 新建一个Widget
QHBoxLayout* l_layout = new QHBoxLayout();
l_layout->setMargin(0);
m_webView = new QWebEngineView();
m_webView->page()->load(QUrl("http://www.baidu.com"));
l_layout->addWidget(m_webView);
this->setLayout(l_layout);
最基础的嵌入网页模块已完成.
QWebEngineView加载html网页的方式:
1.绝对路径加载
m_webView->page()->load(QUrl("file:///home/xxx/Project/GlobalMonitor/test.html"));
需要注意 "file:///"不能丢,支持右建Reload,适合前期调试
2.Resources方式加载
m_webView->page()->load(QUrl("qrc:/res/test.html"));
test.html需要加到Resources资源里 ,右键Relaod无效
-----------------------------------------------------------------------------------------
后续会介绍QWebEngineView与Web的交互,利用QWebChannel与html交互,Qt与ECharts的使用,和打包的问题
效果图:
上一篇: CenOS更换为阿里云的源
下一篇: 使用QWebEngine实现简单的浏览器
推荐阅读
-
用angularjs开发下一代web应用教程(web技术与应用)
-
Android开发之图形图像与动画(一)Paint和Canvas类学习
-
【golang-GUI开发】qt之signal和slot(一)
-
asp.net开发与web标准的冲突问题的一些常见解决方法
-
Java开发之使用websocket实现web客户端与服务器之间的实时通讯
-
Java Web开发之图形验证码的生成与使用方法
-
Python-Web框架之 - 利用SQLALchemy创建与数据库MySQL的连接, 详解用Flask时会遇到的一些大坑 !
-
【golang-GUI开发】qt之signal和slot(一)
-
Qt与Web开发之QWebEngineView(一)
-
Qt开发笔记之编码x264码流并封装mp4(二):windows平台x264添加mp4支持,gpac库的介绍与编译