-------------------------------

1). 简介

从QT 5.6版本开始，QT已经正式从webkit组件切换到webengine 组件，新的webengine组件是基于chromium内核引擎，更稳定且更好的支持新的如HTML5等特性，同时具备更好的跨平台性。本文就基于嵌入式Linux平台演示部署Qt提供的webengine 示例应用。

本文所演示的平台来自于Toradex Colibri iMX6 ARM嵌入式平台，这是一个基于NXP iMX6 ARM处理器，支持单核/双核Cortex-A9的计算机模块平台。

2. 准备

a). Colibri iMX6 ARM核心版配合ColibriEva Board载板，连接调试串口UART1到开发主机方便调试。

b). ColibriiMX6系统使用基于OpenEmbedded框架重新编译的集成Qt5.7 base以及qtwebengine支持的Toradex Linux image releas***.7版本以及对应的SDK。这个可以结合这里的说明自己进行编译，需要修改的文件请参考如下，image更新方法请参考这里。

./ nf 文件

添加如下内容，在生成的image中增加qtwebengine组件

------------------------------------

#install qt webengine in image

IMAGE_INSTALL_append = " qtwebengine qtwebengine-dev"

------------------------------------

./ packagegroup-qt5-toolchain-target.bb 文件

修改方法参考如下patc***件，用于为生成的SDK 增加qtwebengine支持

https:///simonqin09/Qtwebengine_demo/blob/master/packagegroup-qt5-toolchain_add_webengine.patch

c). 关于开发主机SDK安装和Qtcreator开发环境的配置请参考之前发布的《嵌入式Linux基于Qt开发GPIO应用一文》。

d). 演示程序使用的LCD为10inch 18bit LVDS屏幕，请参考这里修改配置uboot显示分辨率为1024x768。

3). QT Webengine 示例程序修改和编译

为了方便，本文演示应用程序直接使用Qt 5.7 自带的 Webengine Quick Nano Brower 示例程序，这是一个基于Qt Quick和 Webengine开发的精简浏览器示例。

a). 为了增加对中文的支持，首先如下修改main.cpp 文件

https:///simonqin09/Qtwebengine_demo/blob/master/patch_add_chinese_font.patch

说明如下：

./ 中文字体文件在运行的时候要放置到上面代码里面设定的 /home/root/fonts/F 位置，这个位置也可以自行修改。

./ 本文所使用的字体文件请从这里***。

./ 字体大小这里设置为10，也可以自行修改。

b). 为了适配LCD屏幕，需要修改应用GUI显示分辨率

./ BrowserWindow.qml 文件，如下修改

------------------------------------

……

ApplicationWindow {

   ……

   width:1024

   height: 768

   visible: true

title:currentWebView && currentWebView.title

……

------------------------------------

b). 配置好交叉编译后，将编译生成的可执行文件quicknanobrower。