QWebEngineView与JS交互，实现温度计的控制-优快云博客

本文链接：https://blog.youkuaiyun.com/xumingyifrend/article/details/103182474

从QT4.8到QT5.9，从QWebkit到QWebEngineView。

QWebEngineView与JS交互的原理，网络上和开发手册上已经讲得很详细了，下面将主要讲述代码和一些注意事项。

1、JS部分

draw.html文件中一定要加入qwebchannel.js，不然将无法调用C++的函数，该文件在电脑中一般能找到（安装了QT的话），将.js和.html文件放在同一目录下，然后使用如下方式添加。此外，定义了一个按钮"C++ function callback"，用于测试JS调用C++函数

<head>
    <meta charset="UTF-8">
    <title>温度计</title>
	<script src="./qwebchannel.js"></script>
    <script src="build/dist/jquery.min.js"></script>
    <script src="build/dist/echarts.min.js"></script>
	<style type="text/css">
		body, html,#temperatureEcharts {width: 100%;height: 400px;overflow: hidden;margin:0;}
	</style>
</head>
<body>
<input type="button" value="C++ function callback" onclick="onShowMsgBox()">

function refreshData(num){			
		if(!myCharts){
		  return;
		}
		valueName = num;

		//更