This document provides an overview of QtWebEngine and its relationship to QtWebKit. It notes that QtWebKit was removed in Qt 5.6 and replaced by QtWebEngine, which is based on Chromium and uses the Blink rendering engine. QtWebEngine has a multi-process architecture compared to the single process of QtWebKit. It also introduces QtWebChannel for communication between Qt and JavaScript applications.

1. QtWebEngine

2. Outline
⦿ Qt5.6
⦿ QtWebKit
⦿ QtWebEngine
⦿ QtWebChannel
⦿ Demo

3. Qt5.6
⦿ Published March 16th, 2016
⦿ https://wiki.qt.io/New_Features_in_Qt_5.6
⦿ Long Term Supported (LTS)
● bug fixes and security updates for the next
3yrs
● Last LTS version: Qt4.8
⦿ Removed Modules
● Qt WebKit
● Replaced by QtWebengine

4. WebKit
⦿ Web Browser Engine(render engine):
● OpenSource project (2005)
● Developed by Apple, Adobe, KD, Google
● Single process

5. QtWebKit
⦿ QtWebKit: port of WebKit on top of Qt
Qtversion Qt webkit version
Qt 4.6
2009/11
QtWebKit 2.0
Qt 4.7
2010/9
QtWebKit 2.0 first release
QtWebKit 2.1 second release
Qt4.8
2011/11
QtWebKit 2.2

6. Chromium leaved WebKit
⦿ In 2013, Chromium Forks WebKit And
Launches it’s new render engine, Blink

7. QtWebEngine
⦿ Qt’s future Webengine on Chromium
● Cross-platform focus
● OS integration
● Multi-process architecture
● The most dynamic and fastest moving browser
⦿ http://blog.qupzilla.com/2016/03/qupzilla-
200-released-with-qtwebengine.html

8. QtWebEngine Architecture
⦿ http://blog.qt.io/blog/2014/01/23/qt-webengine-technology-preview-
available/
⦿ http://doc.qt.io/qt-5/qtwebenginecore-module.html

9. QtWebEngineWidget
⦿ http://doc.qt.io/qt-5/qtwebenginewidgets-
module.html

10. QtWebChannel
⦿ Communication between the host
(QML/C++ application) and the client
(HTML/JavaScript application).

11. Porting Qtwebkit to
Qtwebengine
⦿ https://wiki.qt.io/Porting_from_QtWebKit_to_QtWebEngine

12. Tjshow on QtWebkit
/www Browser
Qt application :Tjshow
C++
Javascript
Qtwebkit
Window.external
executeJs
Backend
Frontend

13. Tjshow on QtWebEngine
/www Browser
Qt application :Tjshow
C++
Javascript
Qtwebengine
Window.external
executeJs
Backend
Frontend
QtWebChannel

14. DEMO

15. Conclusion
⦿ Qtwebengine replaces Qtwebkit
⦿ Multi-process architecture
⦿ Porting Tjshow to Qtwebengine
⦿ Qtwebengine on RPI

16. THANKS AND Q&A