Qt之QtWebKit(一)

      继续研究meego中,不觉2011年的钟声已敲响。新的开始,新的里程。

      今天学习新东西:QtWebKit

      WebKit 是一个开源的浏览器引擎,与之相应的引擎有Gecko(Mozilla Firefox 等使用的排版引擎)和Trident(也称为MSHTML,IE 使用的排版引擎)。同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,主要用于Safari,Dashboard,Mail 和其他一些Mac OS X 程序。WebKit 所包含的 WebCore 排版引擎和 JSCore 引擎来自于 KDE 的 KHTML 和 KJS,当年苹果比较了 Gecko 和 KHTML 后,仍然选择了后者,就因为它拥有清晰的源码结构、极快的渲染速度。

      现在浏览器的内核引擎,基本上是三分天下:

  Trident: IE 以Trident 作为内核引擎;

  Gecko: Firefox 是基于 Gecko 开发;

  WebKit: Safari, Google Chrome,搜狗浏览器 基于 Webkit 开发。

    WebKit内核在手机上的应用十分广泛,例如 Google 的手机 Gphone、 Apple 的 iPhone, Nokia’s Series 60 browser 等所使用的 Browser 内核引擎,都是基于 WebKit。

      WebKit从Qt 4.4开始被作为一个Module被集成到Qt中。

      Qt 4.7 使Qt WebKit集成的稳定性和性能均得到提升的更新。

 

      QtWebKit提供了一个web浏览器引擎使World Wide Web更容易集成到Qt应用中. 使web页面能显示各种本地控件,通过JavaScript和本地对象交互.

 

 下面是我写的一个简单的QtWebKit程序。

 

****.pro #------------------------------------------------- # # Project created by QtCreator 2011-01-01T11:44:58 # #------------------------------------------------- QT += core gui QT += webkit TARGET = webkit2 TEMPLATE = app SOURCES += main.cpp/ mainwindow.cpp HEADERS += mainwindow.h OTHER_FILES += / hellowebkit.html / hellowebkit.js / hellowebkit.css RESOURCES += / resource.qrc

 

 

//main.cpp #include <QtGui/QApplication> #include "mainwindow.h" #include <QtWebKit/QWebView> int main(int argc, char *argv[]) { QApplication a(argc, argv); QWebView *view = new QWebView; view->load(QUrl("qrc:/html/hellowebkit.html")); view->show(); return a.exec(); }

 

//hellowebkit.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>HelloWorld</title> <mce:script type="text/javascript" src="qrc:/html/hellowebkit.js" mce_src="qrc://writeblog.csdn.net/html/hellowebkit.js"></mce:script> <link rel="stylesheet" href="qrc:/html/hellowebkit.css" mce_href="qrc://writeblog.csdn.net/html/hellowebkit.css" type="text/css"/> </head> <body> <h1>Hello WebKit<h1> <input type="submit" onClick="showMsg()" value="Click Me"/> </body> </html>

 

//hellowebkit.css body { background-color:#99FF00;} } //hellowebkit.js function showMsg() { alert("Hello WebKit!"); }

 

Qt之QtWebKit(一)_第1张图片

你可能感兴趣的:(浏览器,webkit,qt,Safari,引擎,stylesheet)