网页代码大全(简单的网页设计源代码)

对于日常网上冲浪的朋友们,浏览器是大家必不可少的一个工具,市面上也存在各种款式的浏览器,例如谷歌浏览器,360浏览器等等。今天,小编教大家一招,利用60行Python代码来制作一款简易的浏览器,实现网页访问和浏览的功能,让你也能在朋友圈傲娇一把!

01.效果展示

首先,我们来通过视频展示的形式,来看一下,简易的浏览器能够实现哪些功能吧。

 

 

02.程序讲解

对于自制浏览器,其核心部分主要是对于导航栏以及导航栏中各个模块功能的实现,如下图所示:

网页代码大全(简单的网页设计源代码) 

1).主页面的设置

一个浏览器设计,主要包括主页面和导航栏,看起来很复杂,其实只要几行代码就搞定。

网页代码大全(简单的网页设计源代码) 

程序中首先创建了一个QWebEngineView对象,QWebEngineView是pyqt5下的一款基于chrome浏览器内核引擎框架;

通过添加视图控件来实现网页的浏览控制。程序将默认的浏览器初始页面设置为百度的url地址,执行上述的函数后,其可视化界面如下图所示:

网页代码大全(简单的网页设计源代码) 

图中给出了主页面的展示,在主页面的上方则是程序中添加的导航栏。

接下来,就是要在导航栏中进行各种控件的添加,以及控件所实现的功能。

网页代码大全(简单的网页设计源代码) 

上图的程序中,其实现的功能是向导航栏中添加按钮控件,添加的功能包括了页面的前进、后退和页面重载。

可以发现,三个程序块其实现方式大致都是相同的,因此我们以“页面后退”的控件来进行程序讲解。程序首先创建了一个QAction的按钮控件对象,并设置它的状态提示为“上一页”。

然后将按钮控件的功能绑定为浏览器页面回到上一个浏览网页。最后是将该按钮添加到导航栏中。添加按钮后,浏览器如下图所示。

网页代码大全(简单的网页设计源代码) 

从上图展示中,可以看到,三个按钮控件被添加到了导航栏中,同时“后退”和“前进”按钮分别实现了页面的向后和向前跳转的功能。

除此之外,导航栏中还需要添加文本输入的控件,可以让用户通过输入网址url来实现页面的跳转。程序如下图所示:

网页代码大全(简单的网页设计源代码) 

程序中通过添加文本输入控件QLineEdit来让用户输入网址,同时QLineEdit控件通过按下回车键,来绑定self.enter2Url函数来实现页面的跳转。self.enter2Url函数实现如下图所示。

网页代码大全(简单的网页设计源代码) 

函数实现的是网页的跳转功能,同时如果输入的网址中没有指定传输协议,则self.enter2Url函数会将传输协议设定为https。其功能如下图所示:

网页代码大全(简单的网页设计源代码) 

总结:

以上就是小编今天同大家分享的简易浏览器的制作,大家可以通过下载源码,来进行更加深入的理解。当然,小编还为大家将程序打包成exe文件,大家也可以直接获取软件,进行网页的浏览。赶快来体验一下吧。

QQ/微信:10801787 公众号:zhantianss(长按复制)

本文链接:https://www.zhantian9.com/113182.html