QWebEngineView_CssVariables

1、测试代码,参考网址:http://blog.sina.com.cn/s/blog_1508519340102wgq0.html

2、测试下来,结果:

  2.1、Qt5.6开始,没有 WebKit了...

    至 Qt5.5.1(vs2013)为止,WebKit 都不支持  "CSS Variable"

  2.2、Qt5.6.1-1 WebEngine不支持 "CSS Variable"

  2.3、Qt5.7.0(vs2013) WebEngine支持 "CSS Variable"

    Qt5.7.0 是目前能下载到的 最新版本(20160909)。

3、(20160909)看网上说,WebEngine 只能是 QtVS的版本能用,gcc版本的Qt不能使用WebEngine,∵需要用到 MS的一些头文件

4、我的简单使用WebEngine的代码:(Qt Widgets Application)

  4.1、pro文件

#-------------------------------------------------
#
# Project created by QtCreator 2016-09-09T23:01:54
#
#-------------------------------------------------

QT       += core gui    \
            webenginewidgets

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

TARGET = qt570_test
TEMPLATE = app


SOURCES += main.cpp\
        mainwindow.cpp

HEADERS  += mainwindow.h

FORMS    += mainwindow.ui

  4.2、mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QtWebEngineWidgets/QtWebEngineWidgets>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

protected:
    void resizeEvent(QResizeEvent *);

private:
    Ui::MainWindow *ui;
    QWebEngineView *pwe;
};

#endif // MAINWINDOW_H

  4.3、mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    pwe = new QWebEngineView(this);
    pwe->load(QUrl::fromUserInput("file:///F:/ZC_PT/20160826/html5/CssVar_Test.html"));
    pwe->show();
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::resizeEvent(QResizeEvent *)
{
    pwe->resize(this->size());
}

  4.4、其他文件内容 都是默认

5、

 

posted @ 2016-09-09 23:17  CppSkill  阅读(1098)  评论(0编辑  收藏  举报