Qt-QWebEngineView几个大坑

文章目录

  • 前言
  • 使用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页面的问题,非常麻烦。不过暂时也没别的更好的解决方法。

相关文件加到qrc

比方说现在我要在html中引用本地js文件和图片资源,就必须把html、js和图片全都加到qrc文件中,否则会出现明明路径正确,却怎么也加载不到引用的文件的情况,这点我暂时没看到官方有任何说明,浪费了我大量时间。

数组请用[]而非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>

你可能感兴趣的:(Qt,qt,QWebEngineView)