Qt混合式开发—网页调试

小王子🤴 2020-09-13 21:38:58 1914
Qt混合式开发—网页调试

Qt混合式开发时有些问题需要在运行环境下才会出现,这时候就需要在app上调试网页,qt就提供了调试网页的方法,下面就是调出调试窗口的方法:
//调试界面的实现

#ifndef INSPECTOR_H
#define INSPECTOR_H

#include <QQuickItem>
#include <QDialog>
#include <QPushButton>
#include <QWebEngineView>
#include <QStackedLayout>

class Inspector : public QDialog
{
public:
    Inspector(QWebEnginePage *source,QWidget *parent = nullptr);
private:
    QWebEngineView* m_webView = nullptr;
protected:
     void closeEvent(QCloseEvent *event);
};

#endif // INSPECTOR_H

#include "inspector.h"

Inspector::Inspector(QWebEnginePage *source, QWidget *parent):QDialog(parent)
{
    resize(1500,800);
   m_webView = new QWebEngineView(this);
   source->setDevToolsPage(m_webView->page());
   source->triggerAction(QWebEnginePage::InspectElement);
   QStackedLayout* layout = new QStackedLayout(this);
   this->setLayout(layout);
   layout->addWidget(m_webView);
   QDialog::show();
}

void Inspector::closeEvent(QCloseEvent *)
{
    this->accept();
    delete m_webView;
}

实现网页右击弹出菜单选项,点击调试按钮弹出调试窗口

class QWebview : public QWebEngineView
{
    Q_OBJECT
public:
    QWebview(QString sUrl,QWidget *parent = nullptr);
    ~QWebview() override;

protected:
    void contextMenuEvent(QContextMenuEvent *event) override;
};

void QWebview::contextMenuEvent(QContextMenuEvent *event)
{
    QMenu *menu = page()->createStandardContextMenu();

    const QList<QAction *> actions = menu->actions();
    auto inspectElement = std::find(actions.cbegin(), actions.cend(), page()->action(QWebEnginePage::InspectElement));
    if (inspectElement == actions.cend()) {
        auto viewSource = std::find(actions.cbegin(), actions.cend(), page()->action(QWebEnginePage::ViewSource));
        if (viewSource == actions.cend())
            menu->addSeparator();

        QAction *action = new QAction(menu);
        action->setText("Open inspector in new window");
        QAction *before(inspectElement == actions.cend() ? nullptr : *inspectElement);
        menu->insertAction(before, action);
        connect(action, &QAction::triggered,this,[this](){new Inspector(page());});
    } else {
        (*inspectElement)->setDisabled(true);
    }
    menu->popup(event->globalPos());
声明:本文内容由易百纳平台入驻作者撰写,文章观点仅代表作者本人,不代表易百纳立场。如有内容侵权或者其他问题,请联系本站进行删除。
红包 1 收藏 评论 打赏
评论
0个
内容存在敏感词
手气红包
    易百纳技术社区暂无数据
相关专栏
置顶时间设置
结束时间
删除原因
  • 广告/SPAM
  • 恶意灌水
  • 违规内容
  • 文不对题
  • 重复发帖
打赏作者
易百纳技术社区
小王子🤴
您的支持将鼓励我继续创作!
打赏金额:
¥1易百纳技术社区
¥5易百纳技术社区
¥10易百纳技术社区
¥50易百纳技术社区
¥100易百纳技术社区
支付方式:
微信支付
支付宝支付
易百纳技术社区微信支付
易百纳技术社区
打赏成功!

感谢您的打赏,如若您也想被打赏,可前往 发表专栏 哦~

举报反馈

举报类型

  • 内容涉黄/赌/毒
  • 内容侵权/抄袭
  • 政治相关
  • 涉嫌广告
  • 侮辱谩骂
  • 其他

详细说明

审核成功

发布时间设置
发布时间:
是否关联周任务-专栏模块

审核失败

失败原因
备注
拼手气红包 红包规则
祝福语
恭喜发财,大吉大利!
红包金额
红包最小金额不能低于5元
红包数量
红包数量范围10~50个
余额支付
当前余额:
可前往问答、专栏板块获取收益 去获取
取 消 确 定

小包子的红包

恭喜发财,大吉大利

已领取20/40,共1.6元 红包规则

    易百纳技术社区