Qt-QWebEngineView几个大坑

mrbone11

已于 2022-04-22 11:11:04 修改

阅读量1w

点赞数 9

分类专栏： Qt 文章标签： qt QWebEngineView

于 2021-11-03 20:53:52 首次发布

本文链接：https://blog.csdn.net/mrbone11/article/details/121076920

版权

Qt 专栏收录该内容

35 篇文章 3 订阅

订阅专栏

文章目录

前言
使用QWebEngineView环境配置
load函数
js脚本运行
相关文件加到qrc
数组请用[]而非at()
设置背景
滚动条

前言

QWebEngineView是Qt的一个控件，它的使用和坑我认为是比较多的，或许是因为用到这个控件的人并不多，导致这个控件不够完善甚至有bug的嫌疑。这里记录下自己遇到的三个坑

使用QWebEngineView环境配置

除了勾选相应的模块之外，要在vs中运行包含该控件的exe，还需要使用windeployqt进行发布，才能在vs中正常运行，否则程序会直接崩溃

load函数

QWebEngineView的load函数的url如果是本地文件，必须是"qrc:/resource"形式，只写“:/resourrce”将无法识别相应的资源文件。

js脚本运行

当在stackWidget上某个页面上工作时，假设QWebEngineView在第1页，而当前stackWidget在其他页面，这时候如果使用第1页的QWebEngineView去加载本地html和js文件，会发现js脚本部分完全无法运行，但是其他静态的内容都能解析成功。
目前我的解决方法是只有在当前页面是QWebEngineView时才加载html和js文件，这样即使之后切换到别的页面，也不会导致js无法执行。但这样一来用户体验会变差，并且总是要规避第一次加载页面时不在QWebEngineView页面的问题，非常麻烦。不过暂时也没别的更好的解决方法。

数组请用[]而非at()

数组取元素时，要使用[]而不是at()方法，否则会报错不存在at方法，这个不知道和js引擎有没有关系，总之也是个坑。

设置背景

在加载页面前控件默认背景色是白色，如果加载的url是其他背景颜色，就会出现先闪现零点几秒的白色背景然后再加载url对应的背景色，ui体验不好。要改变背景色使用如下代码：

ui.webEngineView->page()->setBackgroundColor(QColor(44, 50, 61));

并且代码必须在show之前调用，否则仍然会出现同样的问题

滚动条

其实这个不是坑，属于技巧，也写在这里吧。如果不想要页面滚动条，html页面可以如下设置：

<!DOCTYPE html>
<html style="height: 100%">
    <head>
        <meta charset="utf-8">
    </head>
    <body style="height: 100%;">
    </body>
</html>