See Also:

• Building the Qt Port on Linux
• Building the Qt Port on Windows

These instructions assume you are building on an OSX system with Mac Ports installed having the qt4-mac (4.7.1) port installed.

Checkout the Code

You'll need to check out WebKit from SVN or QtWebKit from Git

svn checkout http://svn.webkit.org/repository/webkit/trunk WebKit # WebKit SVN Trunk

OR

git clone git://gitorious.org/webkit/webkit.git # Git mirror

Build WebKit

First follow the instructions there to get the sources. The Qt port is part of the WebKit source tree, so you don't need anything extra.

Finally, set the QTDIR environment variable to Qt 4.x's installation path and make sure Qt 4.x's qmake is the first qmake in your PATH (typically by running export PATH=$QTDIR/bin:$PATH). If your qmake binary has a different name, e.g. when using Debian, use the --qmake= option to specify the name.

If you also build other ports on the same machine, make sure to zap the build directories (WebKitBuild/) first. You can also override the build directory with the WEBKITOUTPUTDIR environment variable.

Build WebKit and the Qt test browser with

WebKit/Tools/Scripts/build-webkit --qt

build-webkit (see above) also supports special variable for specifying the OBJDIR directory, as well as some configure and build arguments

WEBKITOUTPUTDIR=`pwd`/qtbuild  WebKit/Tools/Scripts/build-webkit --qt --makeargs="-j20 -s" --no-video --debug

If there is a problem with include file, try to pass more arguments to the build-webkit script, e.g. (all in one line)

INCLUDEPATH+=/Library/Frameworks/QtCore.framework/Versions/4/Headers
INCLUDEPATH+=/Library/Frameworks/QtGui.framework/Versions/4/Headers
INCLUDEPATH+=/Library/Frameworks/QtNetwork.framework/Versions/4/Headers
INCLUDEPATH+=/Library/Frameworks/QtXmlPatterns.framework/Versions/4/Headers

Finish Up and Run

Rerunning the build should recompile CSSParser.cpp and link correctly.

${WEBKITSRCDIR}/Tools/Scripts/build-webkit --qt --qmake=qmake-4.5 --makeargs="-j2" -spec macx-g++ --no-video --debug

Finally start the demo Qt browser:

${WEBKITSRCDIR}/Tools/Scripts/run-launcher --qt --debug # After this, check the dock and you'll see an icon for a Qt console app ...