Open Web Page in QWebView: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
(Convert ExpressionEngine section headers)
(Formatting)
Line 7: Line 7:
[[Category:Tutorial]]
[[Category:Tutorial]]


[toc align_right="yes" depth="3"]


'''English''' [[Open_Web_Page_in_QWebView_Bulgarian|Български]]
'''English''' [[Open_Web_Page_in_QWebView_Bulgarian|Български]]


= Open Web Page in QWebView =


The following tutorial shows how to load a web page using [http://doc.qt.nokia.com/latest/qurl.html QUrl] in [http://doc.qt.nokia.com/latest/qwebview.html QWebView] . QWebView is a widget provided by [http://doc.qt.nokia.com/latest/qtwebkit.html WebKit in Qt] that is used to view and edit web documents.
 
The following tutorial shows how to load a web page using [http://doc.qt.io/qt-5/qurl.html QUrl] in [http://doc.qt.io/qt-5/qwebview.html QWebView] . QWebView is a widget provided by [http://doc.qt.io/qt-5/qtwebkit-index.html WebKit in Qt] that is used to view and edit web documents.


* Specify that you want to link against the QtWebkit module by adding this line to your qmake .pro file:
* Specify that you want to link against the QtWebkit module by adding this line to your qmake .pro file:


<code>
<code>
QT ''= webkit
QT += webkit
</code>
</code>


Line 120: Line 119:


<code>
<code>
QT''= webkit
QT+= webkit
</code>
</code>



Revision as of 09:02, 7 April 2015

This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.


English Български


The following tutorial shows how to load a web page using QUrl in QWebView . QWebView is a widget provided by WebKit in Qt that is used to view and edit web documents.

  • Specify that you want to link against the QtWebkit module by adding this line to your qmake .pro file:
QT += webkit
  • Include required headers
#include <QWebView>
#include <QUrl>
  • Create instance of QWebView
m_pWebView = new QWebView(this);
//set position and size
m_pWebView->setGeometry(0,0,200,200);

Additionally QWebView style can be customized using setStyleSheet().

  • Load a web page
m_pWebView->load(QUrl("http://www.example.com"));

Example

This example has been built with Qt SDK 1.1 and tested on Symbian^3 devices.

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QtGui/QMainWindow>
#include <QWebView>
#include <QUrl>

namespace Ui {
 class MainWindow;
}

class MainWindow : public QMainWindow
{
 Q_OBJECT
public:

 explicit MainWindow(QWidget '''parent = 0);
 virtual ~MainWindow();

private:

 QWebView''' m_pWebView;
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"

#include <QtCore/QCoreApplication>

MainWindow::MainWindow(QWidget *parent)
 : QMainWindow(parent)
{
 m_pWebView = new QWebView(this);
 //set position and size
 m_pWebView->setGeometry(0,0,200,200);
 m_pWebView->load(QUrl("http://www.example.com"));
}

MainWindow::~MainWindow()
{

}

main.cpp

#include "mainwindow.h"

#include <QtGui/QApplication>

int main(int argc, char '''argv[])
{
 QApplication app(argc, argv);

 MainWindow mainWindow;
 mainWindow.showMaximized();
 return app.exec();
}

Troubleshooting

QWebView: No such file or directory

Make sure you have added webkit to the .pro file of the project.

QT+= webkit

See also

Embed YouTube Video in QWebView