Developments in the Qt WebKit Integration

Developments in the Qt WebKit IntegrationIntroducing even closer integration with Qt

A few words about me

Kenneth Rohde Christiansen

Working at the Nokia Technology Institute, INdT in Brazil

Involved with WebKit for about a year

Part of the Qt WebKit team

2

What is Qt WebKit?

To answer that we need to look at WebKit itself

3

Agenda

A heads-up introduction to WebKit

A look at the new goodies in Qt 4.6

4

5

A heads-up intro to WebKit

What is WebKit

WebKit is a contents rendering/editing engine

It is not a browser;

though you could make one using it

6

Industry Acceptance

Apple

7

Adobe

Nokia

Google

Sony-Ericsson

Apple

Palm

RIM

Acceptance by Contents Providers

Powers most mobile pages:

Android, iPhone, Nokia S60

The engine behind:

Google Chrome, Apple Safari

8

Highly Standard Compliant

It is highly standard compliant

And it is being developed in the open

9

There exists many variations

Qt based, GTK+ based, Google Chrome, Android...

Most developed in WebKit trunk

10

Down in the details

The “engines” that powers WebKit are:

– WebCore– JavaScriptCore (optional)

11

Building blocks

WebCore serves at a number of building blocks

12

Network access

Text handling

Painting/rendering

LayoutingParsing

etc...

Bringing the blocks together

Qt WebKit provides an implementation of WebCore using Qt

constructs:

• QNetworkAccessManager for all network access• QPainter based painting• Phonon-based playback of HTML5 Audio/Video

13

Wait, there is more...

Qt WebKit also provides a very powerful and intuitive Qt-ish

API

All build on top of JavaScriptCore and WebCore

14

Wait, there is more...

The API is not merely a Qt-ish version of Apple's API, but an API

designed from the ground up, using Qt principles.

That said, it provides many things that other WebKit variations don't

15

Reasons for choosing WebKit

Why choose WebKit for Qt's web contents needs?

16

We didn't want a browser, but components for integrating web

technologies, where we and our customers see fit

Introducing WebKit in Qt 4.6

17

Lots a new stuff...

Qt 4.6 comes packed with a new version of WebKit

And brings many of the new HTML5 features found in Apple Safari 4 and Google Chome

18

Web Workers

Thread like support for Web Applications

“API for running scripts in the background, independently of

any user interface scripts”

Long-lived, high start-up cost, high per-instance memory cost.

19

Speculative Loading

Loads documents, scripts and style-info

ahead of time

Snappier Internet Experience

20

Faster JavaScript

New ARM v5 and v7 JITs

Fast JavaScript on more platforms!

ARM v5 JIT sponsored by Nokia and ARM

21

We have not been sleeping either!

22

Apart from new features provided by WebKit itself, Qt developers and open source contributors have been hard at work, adding new features to our Qt API

23

Out top feature request

We are proud to present to you

Out most requested feature request!

24

Introducing the QWebElement

25

Introducing the QWebElement

• Easy and advanced DOM manipulation

• jQuery like API

• Just one single class, lots of possibilities

• Represents a tree-like structure of DOM elements

26

CSS Selectors

QWebElement document = frame>documentElement();

/* Assume the document has the following structure:



Intro

Snippets





Content

Here



*/

QList<QWebElement> allSpans = document.findAll("span");

QList<QWebElement> introSpans = document.findAll("p.intro span");

27

Easy traversal

28

frame>setHtml("<html><body>First ParagraphSecond Paragraph</body></html>");

QWebElement doc = frame>documentElement();

QWebElement body = doc.firstChild();

QWebElement firstParagraph = body.firstChild();

QWebElement secondParagraph = firstParagraph.nextSibling();

Plugin Management

Introducing the QWebPluginDatabase

Provides access to plugin information

Specifies plugin precidence

Enable/disable plugins as you see fit

29

QtScript

This one is big! API re-implemented ontop of JavaScriptCore

Super fast QtScript execution with JIT Support

More standard compliant

Will power the future Qt declarative UI format

Works on all platforms that supports QtScript in Qt 4.5

30

Symbian Series 60 support

Bringing Qt and WebKit to your second favorite phone ;-)

Experimental support, almost there

Committed to S60 support for Qt 4.6 final

31

Flexibility, future direction

Qt WebKit is very flexible

Allows for substituting network access, for instance

accessing data in a zip file as it was a network connection

All building on top of the Qt framework

32

Rich interfaces for embedded

Qt's answer is the Graphics View

• Allows for rich interfaces

• Custom widgets

• Animation and rotation

• And soon, a declarative UI format, built ontop of the Graphics View.

33

It all looks so bright

Everything is great! ....

...until you want to use WebKit

34

Graphics View integration

Qt WebKit doesn't provide a way to easily use it with the

Graphics View.

Actually, it is very tied to the QWidget way of life

35

That is now part of the past!

Introducing the QGraphicsWebView

36


• A feature-full brother of the QWebView

• A QGraphicsWidget with fast scrolling

• Similar API as QWebView, but modified to fit better

with the Graphics system and with scripting

37


It will be highly customizable

• Draw ontop of whatever you want

• Clip the corners, make them rounded

• Use a different handler for “Browse files”, combo boxes

etc, via the use of delegates

38


We are committed to improving this and respond to most

common customer demands

“Only your imagination will be the limit” ;-)

39

Web Developers have not been forgotten

40

More compliant!

We now have the layout testing infrastructure up and

running, resulting in less buggy and more comformant

WebKit port.

This has already resulted in many fixes to font spacing, shadows, etc.

41

Web Inspector

A great tool for developers to introspect and modify the DOM

of a web page

Now we provide a class for controlling the inspector from C++. It can be

used as a QWidget and is easy embeddable

42

43

How to contact us• IRC channel #qtwebkit on freenode

• Bug reporting at http://bugs.webkit.org

• Talk with me here at the conference!

http://bugs.webkit.org/

44

TIME FOR

QUESTIONS?