Qt与Web开发之QWebEngineView(一)

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(一)_第1张图片

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

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(一)_第2张图片

 

 

你可能感兴趣的:(Qt,QWebEngine,ECharts)