Qt加载Html实现与Js交互

最新推荐文章于 2026-02-10 14:42:08 发布

原创

最新推荐文章于 2026-02-10 14:42:08 发布 · 1.5k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍了如何在Qt中通过QWebEngineView加载HTML页面，并利用QWebChannel实现在HTML中的JavaScript与Qt应用程序的交互，包括加载HTML、创建QWebChannel、定义槽函数以及注入和调用JavaScript函数的过程。

对于熟悉Web的人都知道Web实现的界面更加炫酷，css样式以及js的强大功能，能够让界面发挥最大的视觉效果，下面就来说一下在Qt中如何加载Html并且实现与Js的交互。

首先我们准备这样一个Html代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="map1" style="width:500px;height:500px;margin:0px;padding:0px;background-color:red;"></div>
    </body>
</html>

在Qt中要想加载Html页面，需要使用到QWebEngineView这个对象，该对象需要引入头文件。

QWebEngineView集成了浏览器的webkit内核和google的v8引擎