欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

Qt与Web开发之QWebEngineView(一)

最基础的嵌入网页模块已完成.

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的使用,和打包的问题

效果图:

Qt与Web开发之QWebEngineView(一)