我们这一次主要是使用比较傻瓜式的开发模式,就是鼠标的点和拖……
设计功能
首先我们要设计一下这个浏览器需要什么功能和按键:
首先是第一个,那么就需要使用到QWebView这个模块,打开Qt,新建一个工程,我一直想做一个浏览器,于是将名字定为F2T,构建好工程,双击ui文件,进入设计界面开始傻瓜开发模式。先拖一个QGridLayout作为布局,然后拖动QLineEdit、QWebView、QPushButton、QLabel到布局上,并且在控件上填上相应的文字,可以直接双击修改或者添加文字,或者在右侧选中对象修改显示文字,并且,设置对象的名字:
然后应该就像个浏览器一样了:
添加槽
通过右击按钮添加单击的槽,这里不一一讲述,以“Go”按钮为例。右击该按钮,选择
选择诸多槽中的“clicked()”,然后跳转到了该函数的编写,在其中添加如下代码:
void Dialog::on_go_btn_clicked()
{
//前进按钮
QString ads = ui->adsline->text();
address_correct(ads);
if(ads == "")
{
ui->adsline->setText(tr("http://"));
return;
}
ui->adsline->setText(ads);
if(ads != access_record.back())
access_record.push_back(ads);
ui->view->load(QUrl(ads));
ui->view->show();
}
这一部分代码首先获取地址栏(adsline),然后通过函数address_correct纠正一下,将其中的空格去掉,并且如果地址非空。代码如下:
void Dialog::address_correct(QString &ads)
{
ads.trimmed();
if(!ads.startsWith("http://",Qt::CaseSensitive))
{
ads = "http://" + ads;
}
}
接下来判断是否该地址为空,如果为空,则在地址栏添加“http://”,然后不做任何事情,结束函数;如果有地址非空,则在地址栏显示处理后的地址,然后判断是否该地址为上一次同一个地址,如果不是,则将地址存在访问记录中,然后通过view将网页显示出来。
依次构建完这些槽,然后运行。可以得到:
在地址栏中输入“www.baidu.com”,然后或者回车,或者点击“Go”,可以得到:
此时我们完成了网页的在地址栏打开。
链接跳转
此时我们实现的和上一次差不多,然后我们要加入新的跳转功能,首先我们要开启QWebView的单机跳转功能,在类的构造函数中添加:
ui->view->page()->setLinkDelegationPolicy(QWebPage::DelegateAllLinks);
开启跳转功能,然后重载构造函数:
Dialog::Dialog(QWidget *parent) :
QDialog(parent),
ui(new Ui::Dialog)
{
ui->setupUi(this);
this->setWindowTitle(tr("F2T v1.0.0.0.1 by CRC"));//window title
//F2T_initialize();
ui->view->page()->setLinkDelegationPolicy(QWebPage::DelegateAllLinks);
}
Dialog::Dialog(const QUrl &arg1, QWidget *parent ) :
QDialog(parent),
ui(new Ui::Dialog)
{
//
ui->setupUi(this);
this->setWindowTitle(tr("F2T v1.0.0.0.1 by CRC"));
ui->view->page()->setLinkDelegationPolicy(QWebPage::DelegateAllLinks);
ui->view->load(arg1);
ui->view->show();
QString ads = arg1.toString();
access_record.push_back(ads);
}
用来实现新网页的打开,此时在view中添加槽函数,添加方式和原来的一样,函数处理代码如下:
void Dialog::on_view_linkClicked(const QUrl &arg1)
{
Dialog *newdia = new Dialog(arg1,0);
newdia->show();
}
此时实现了跳转功能,至此,一个基本的浏览器就实现了,可以点击网页实现打开新网页:
单击“优酷”的搜索链接,可以通过打开新网页,跳转到这个链接上:
分享到:
相关推荐
Qtwebkit安装库适用于QT5.14版本。 包含了MinGw730 、VS2017 编译器的的32和64位库。 qtwebkit-Windows-Windows_7-Mingw73-Windows-Windows_7-X86.7z qtwebkit-Windows-Windows_10-Mingw73-Windows-Windows_10-X86_...
基于QtWebkit开发的浏览器,含历史记录、收藏夹、设置主页等功能!
CentOS / RHEL 安装 Teamviewer ,解决缺少依赖包 报 “libQt5...qt5-qtwebkit-5.9.1-2.el7.x86_64.rpm,适用于 CentOS / RHEL 7.*; qt5-qtwebkit-5.212.0-0.36.alpha2.el8.x86_64.rpm,适用于 CentOS / RHEL 7.*。
用mingw编译好的qtwebkit组件
QTwebkit demo 帮助学习QT
qt webkit 实例源码。。。。。。。。。。。。。。。。。。。
qt webkit核心的浏览器控件的实例程序
linux 安装 teamviewer qt5-qtwebkit-5.9.1-1.el7.x86_64.rar
Linux7安装teamviewer_13或teamviewer_14版本缺少qt5-qtwebkit包,可使用rpm -ivh qt5-qtwebkit-5.6.2-1.el7.x86_64.rpm --nodeps安装qt5包,在安装teamviewer即可。 error: Failed dependencies: libQt5WebKit.so....
QtWebKit开发过程中遇到的一些小问题记录
qt webkit web native communicate
Qt webkit 学习笔记 超级牛逼 好用 Qt webkit 学习笔记 Qt webkit 学习笔记
PyFladesk - 使用Flask和QtWebKit创建桌面应用程序
SeimiAgent SeimiAgent是基于QtWebkit开发的可在服务器端后台运行的一个webkit服务,可以通过SeimiAgent提供的http接口向SeimiAgent发送一个load请求(需求加载的URL以及对这个页面接受的渲染时间或是使用什么代理等...
Qt webkit简单使用 抓取html上的某些元素。Qt webkit简单使用 抓取html上的某些元素。
qt5-qtwebkit-5.9.1-2.el7.x86_64.rpm插件,完美解决Teamviewer Linux 报错
能解决部分linux安装teamviewer种的报错问题,共享给大家,方便你我他,自己解压就是rpm
QtWebKit4
Visual Studio 2015编译安装配置QT5.5.1(含QTWEBKIT)使用的编译脚本,具体使用方法参见博文《 Visual Studio 2015编译安装配置QT5.5.1(含QTWEBKIT)》,链接地址:...