浏览器的尺寸调整方法、装置、存储介质及计算机设备

文档序号:7890 发布日期:2021-09-17 浏览:27次 英文

浏览器的尺寸调整方法、装置、存储介质及计算机设备

技术领域

本申请涉及计算机领域,具体涉及一种浏览器的尺寸调整方法、装置、计算机可读存储介质及计算机设备。

背景技术

近年来,随着科学技术的发展和生活水平的不断提高,电子科技产品层出不穷。浏览器产品更是更新不断。

现有技术中,用户在更改屏幕分辨率时,若更改后的屏幕分辨率过大或过小,若浏览器的展示尺寸不变,则会导致过大的屏幕分辨率中浏览器显得很小;反之在过小的屏幕分辨率中浏览器显得很大。

在对现有技术的研究和实践过程中,本申请的发明人发现,现有技术中很在显示器分辨率过高或过低时,浏览器的展示尺寸不能自适应分辨率大小,兼容性较差。

发明内容

本申请实施例提供一种浏览器的尺寸调整方法及装置,可以提高兼容性。

为解决上述技术问题,本申请实施例提供以下技术方案:

一种浏览器的尺寸调整方法,包括:

接收分辨率调整指令,获取调整后的目标分辨率;

当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;

当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;

基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。

一种浏览器的尺寸调整装置,包括:

接收模块,用于接收分辨率调整指令,获取调整后的目标分辨率;

调整模块,用于当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;

第一确定模块,用于当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;

第二确定模块,用于基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。

在一些实施例中,所述第一确定模块,包括:

比较子模块,用于比较所述目标分辨率与所述预设分辨率区间的最小分辨率,得到比较结果;

第一确定子模块,用于基于所述比较结果,确定所述浏览器的尺寸调整信息。

在一些实施例中,所述第一确定子模块,包括:

第一获取单元,用于若所述比较结果为所述目标分辨率小于所述最小分辨率,则获取所述预设分辨率区间的最大分辨率;

第一计算单元,用于计算所述最小分辨率与所述目标分辨率的差值,得到第一结果;

第二计算单元,用于计算所述最大分辨率与所述最小分辨率的差值,得到第二结果;

第三计算单元,用于计算所述第一结果与所述第二结果的比值,得到缩小比例值;

第一确定单元,用于根据所述缩小比例值以及所述指定尺寸,确定尺寸调整信息。

在一些实施例中,所述尺寸调整信息包括调整长度以及调整宽度,所述原始浏览器尺寸包括原始浏览器长度以及原始浏览器宽度,所述第二确定模块,包括:

第一计算子模块,用于计算所述原始浏览器长度与所述调整长度的差值,得到缩小后长度;

第二计算子模块,用于计算所述原始浏览器宽度与所述调整宽度的差值,得到缩小后宽度;

第二确定子模块,用于将所述缩小后长度以及所述缩小后长度,确定为所述浏览器的第一调整后尺寸。

在一些实施例中,所述第一确定子模块,包括:

第二获取单元,用于若所述比较结果为所述目标分辨率大于所述最小分辨率,则获取所述预设分辨率区间的最大分辨率;

第四计算单元,用于计算所述目标分辨率与所述最大分辨率的差值,得到第三结果;

第五计算单元,用于计算所述最大分辨率与所述最小分辨率的差值,得到第四结果;

第六计算单元,用于计算所述第三结果与所述第四结果的比值,得到放大比例值;

第二确定单元,用于根据所述放大比例值以及所述指定尺寸,确定尺寸调整信息。

在一些实施例中,所述尺寸调整信息包括调整长度以及调整宽度,所述原始浏览器尺寸包括原始浏览器长度以及原始浏览器宽度,所述第二确定模块,包括:

第三计算子模块,用于计算所述原始浏览器长度与所述调整长度的和,得到放大后长度;

第四计算子模块,用于计算所述原始浏览器宽度与所述调整宽度的和,得到放大后长度;

第三确定子模块,用于将所述放大后长度以及所述放大后长度,确定为所述浏览器的第一调整后尺寸。

在一些实施例中,所述浏览器还包括有拖拽区域,所述拖拽区域用于响应针对于所述拖拽区域的拖拽操作,以使所述浏览器移动,所述装置还包括:

获取模块,用于获取所述拖拽区域的原始拖拽尺寸;

第三确定模块,用于根据所述原始浏览器尺寸以及所述第一调整后尺寸,确定所述浏览器尺寸的调整比例;

第四确定模块,用于根据所述原始拖拽尺寸以及所述调整比例,确定所述拖拽区域的第二调整后尺寸。

在一些实施例中,所述获取模块,包括:

获取子模块,用于获取所述拖拽区域的原始拖拽尺寸的数据类型;

转换子模块,用于若所述数据类型为第一类型,则将所述原始拖拽尺寸的数据类型转换为第二类型。

一种计算机可读存储介质,所述计算机可读存储介质存储有多条指令,所述指令适于处理器进行加载,以执行上述浏览器的尺寸调整方法中的步骤。

一种计算机设备,包括存储器,处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如上所述浏览器的尺寸调整方法中的步骤。

本申请实施例通过接收分辨率调整指令,获取调整后的目标分辨率;当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。以此,通过调整前后的分辨率确定出浏览器的尺寸调整信息,再根据浏览器的原始尺寸以及尺寸调整信息确定分辨率改变后的浏览器所要展现的第一调整后尺寸,进而可以使得浏览器的展示尺寸随超过预设分辨率区间的屏幕分辨率大小自适应调整,提高兼容性。

附图说明

为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1a为本申请实施例提供的浏览器的尺寸调整方法的场景示意图。

图1b为本申请实施例提供的浏览器的尺寸调整方法的流程示意图。

图1c为本申请实施例提供的浏览器的展现页面的示意图。

图1d为本申请实施例提供的浏览器展现页面跟随分辨率调整放大后的示意图

图2为本申请实施例提供的浏览器的尺寸调整方法的另一流程示意图。

图3为本申请实施例提供的浏览器的尺寸调整装置的结构示意图;

图4为本申请实施例提供的服务器的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。

本申请实施例提供了一浏览器的尺寸调整方法、装置及计算机可读存储介质。

请参阅图1a,图1a为本申请实施例所提供的浏览器的尺寸调整系统的系统示意图,该系统可以包括至少一个计算机设备1000,至少一个服务器2000,至少一个数据库3000,以及网络4000。计算机设备1000可以为手机、电脑或个人数字助理等计算机设备,计算机设备1000中可以通过网络4000连接到服务器2000,或者多台服务器2000上。其中,网络4000可以是无线网络或者有线网络,比如无线网络为无线局域网(WLAN)、局域网(LAN)、蜂窝网络、2G网络、3G网络、4G网络、5G网络等。另外,不同的计算机设备1000之间也可以使用自身的蓝牙网络或者热点网络连接到服务器2000等。另外,该系统可以包括数据库3000,数据库3000可用于存储用户在使用浏览器的历史时间内所存储的书签,以及用户在不同网站中注册或登录过的账户及密码等。

本申请实施例提供了一种浏览器的尺寸调整方法,该方法可以由服务器执行。如图1a所示,该服务器2000向计算机设备1000浏览器相关的内容;计算机设备1000在屏幕上展现该浏览器;接收分辨率调整指令,获取调整后的目标分辨率;当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。

需要说明的是,图1a所示的浏览器的尺寸调整系统的场景示意图仅仅是一个示例,本申请实施例描述的浏览器的尺寸调整系统以及场景是为了更加清楚的说明本申请实施例的技术方案,并不构成对于本申请实施例提供的技术方案的限定,本领域普通技术人员可知,随着浏览器的尺寸调整系统的演变和新业务场景的出现,本申请实施例提供的技术方案对于类似的技术问题,同样适用。

在本实施例中,将从浏览器的尺寸调整装置的角度进行描述,该浏览器的尺寸调整装置具体可以集成在具备储存单元并安装有微处理器而具有运算能力的计算机设备中。

请参阅图1b,图1b为本申请实施例提供的浏览器的尺寸调整方法的流程示意图。该浏览器的尺寸调整方法包括:

在步骤101中,接收分辨率调整指令,获取调整后的目标分辨率。

其中,分辨率调整指令用于调整屏幕显示时的屏幕分辨率,分辨率调整指令可以为针对分辨率调整界面内多个分辨率的选择操作。例如分辨率调整界面内的多个分辨率分别为1920*1080、1600*900以及800*600,当用户选择800*600时,即产生了分辨率调整指令。

具体的,分辨率调整界面可通过操作界面内的图形处理器(graphics processingunit,GPU)设置开启,或通过系统自带的分辨率设置页面开启。

其中,在接收到分辨率调整指令后,需获取用户调整后的目标分辨率。可通过确定用户在分辨率选择操作时的操作位置,例如点击位置或触控位置,并确定操作位置是在多个分辨率对应的响应区域中的哪一分辨率对应的响应区域内,从而将对应的分辨率确定为目标分辨率。这里的获取方式不做限定。

在步骤102中,当目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整。

其中,预设分辨率区间为计算机设备在市面中较为常用的最小分辨率至较为常用的最大分辨率所组成的分辨率区间。例如,最小分辨率为800*600,最大分辨率为1920*1080,则位于800*600以及1920*1080之间的分辨率包括了1024*768以及1600*900等。因此若调整后的目标分辨率为1600*900,则目标分辨率处于800*600至1920*1080所组成的分辨率区间。因此将浏览器的尺寸设定为指定尺寸。

具体的,指定尺寸即为在预设分辨率区间内不同的分辨率均可适用的浏览器尺寸。可通过对浏览器的默认尺寸进行划分,最终确定出适用与预设分辨率区间内不同分辨率的指定尺寸。

例如,浏览器的默认尺寸为414*300,将长宽均除以2后得到207*150的第一候选尺寸,将长宽均除以3后得到138*100的第二候选尺寸以及将长宽均除以4后得到103.5*75的第三候选尺寸。通过在预设分辨率下的多种分辨率显示第一候选尺寸、第二候选尺寸以及第三候选尺寸的浏览器,最终将显示效果较佳的第三候选尺寸作为指定尺寸。

在步骤103中,当目标分辨率未处于预设分辨率区间时,确定浏览器的尺寸调整信息。

其中,当目标分辨率未处于预设分辨率区间时,说明目标分辨率较小或较大,因此需要对浏览器的尺寸进行调整,从而在目标分辨率下显示的浏览器不会较大或较小,故需确定浏览器的尺寸调整信息。

在一些实施方式中,所述当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息的步骤,包括:

(1)比较所述目标分辨率与所述预设分辨率区间的最小分辨率,得到比较结果;

(2)基于所述比较结果,确定所述浏览器的尺寸调整信息。

其中,由于目标分辨率不处于预设分辨率区间,因此可通过比较目标分辨率与最小分辨率的大小关系确定目标分辨率大于最大分辨率还是小于最小分辨率,从而得到比较结果。并根据比较结果确定浏览器的尺寸调整信息。

在一些实施方式中,所述基于所述比较结果,确定所述浏览器的尺寸调整信息的步骤,包括:

(1.1)若所述比较结果为所述目标分辨率小于所述最小分辨率,则获取所述预设分辨率区间的最大分辨率;

(1.2)计算所述最小分辨率与所述目标分辨率的差值,得到第一结果;

(1.3)计算所述最大分辨率与所述最小分辨率的差值,得到第二结果;

(1.4)计算所述第一结果与所述第二结果的比值,得到缩小比例值;

(1.5)根据所述缩小比例值以及所述指定尺寸,确定尺寸调整信息。

其中,若所述比较结果为所述目标分辨率小于所述最小分辨率,则说明目标分辨率为小于预设分辨率区间内任意分辨率的分辨率,则确定分辨率调整的缩小比例。

具体的,确定缩小比例的方式为:缩小比例值=(最小分辨率-目标分辨率)/(最大分辨率值-最小分辨率值);最小分辨率-目标分辨率的结果即为第一结果,最大分辨率值-最小分辨率值的结果即为第二结果;第一结果与第二结果的比值即为缩小比例值。其中,分辨率的相关运算可通过计算分辨率中的长度或宽度确定。例如最小分辨率为1024*768,目标分辨率为800*600,若按照长度进行计算,则最小分辨率-目标分辨率为1024-800=424,若按照宽度进行计算,则最小分辨率-目标分辨率为768-600=168,此处不做限定。

其中,在确定出缩小比例值后,根据所述缩小比例值以及所述指定尺寸,确定尺寸调整信息。具体的确定方式为计算缩小比例值与指定尺寸的乘积,得到尺寸调整信息。例如,缩小比例值为0.25,指定尺寸为103.5*75,则尺寸调整信息为25.875*18.75。

在一些实施方式中,所述基于所述比较结果,确定所述浏览器的尺寸调整信息的步骤,包括:

(1.1)若所述比较结果为所述目标分辨率大于所述最小分辨率,则获取所述预设分辨率区间的最大分辨率;

(1.2)计算所述目标分辨率与所述最大分辨率的差值,得到第三结果;

(1.3)计算所述最大分辨率与所述最小分辨率的差值,得到第四结果;

(1.4)计算所述第三结果与所述第四结果的比值,得到放大比例值;

(1.5)根据所述放大比例值以及所述指定尺寸,确定尺寸调整信息。

其中,若所述比较结果为所述目标分辨率大于所述最小分辨率,则说明目标分辨率为大于预设分辨率区间内任意分辨率的分辨率,则确定分辨率调整的放大比例。

具体的,确定缩小比例的方式为:放大比例值=(目标分辨率-最大分辨率)/(最大分辨率值-最小分辨率值);目标分辨率-最大分辨率的结果即为第三结果,最大分辨率值-最小分辨率值的结果即为第四结果;第三结果与第四结果的比值即为放大比例值。其中,分辨率的相关运算可通过计算分辨率中的长度或宽度确定。例如最大分辨率为1600*900,目标分辨率为1920*1080,若按照长度进行计算,则最小分辨率-目标分辨率为1920-1600=320,若按照宽度进行计算,则最小分辨率-目标分辨率为1080-900=180,此处不做限定。

其中,在确定出放大比例值后,根据所述放大比例值以及所述指定尺寸,确定尺寸调整信息。具体的确定方式为计算放大比例值与指定尺寸的乘积,得到尺寸调整信息。例如,放大比例值为0.25,指定尺寸为103.5*75,则尺寸调整信息为25.875*18.75。

在步骤104中,基于浏览器的原始浏览器尺寸以及尺寸调整信息,确定浏览器的第一调整后尺寸,并按照第一调整后尺寸展现浏览器。

其中,在确定出尺寸调整信息后,即可根据原始浏览器尺寸以及尺寸调整信息确定浏览器按照尺寸调整信息进行调整的第一调整后尺寸,并按照第一调整后尺寸展现浏览器。

在一些实施方式中,所述尺寸调整信息包括调整长度以及调整宽度,所述原始浏览器尺寸包括原始浏览器长度以及原始浏览器宽度,所述基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸的步骤,包括:

(1)计算所述原始浏览器长度与所述调整长度的差值,得到缩小后长度;

(2)计算所述原始浏览器宽度与所述调整宽度的差值,得到缩小后宽度;

(3)将所述缩小后长度以及所述缩小后长度,确定为所述浏览器的第一调整后尺寸。

其中,若目标分辨率小于最小分辨率,则在确定出尺寸调整信息后,可根据原始浏览器长度与所述调整长度的差值,得到缩小后长度;根据原始浏览器宽度与所述调整宽度的差值,得到缩小后宽度。将缩小后长度以及所述缩小后长度,确定为所述浏览器的第一调整后尺寸。

例如,原始浏览器长度为103.5,原始浏览器宽度为75;调整长度为25.875,调整宽度为18.75,则缩小后长度为103.5-25.875=77.625,缩小后宽度为75-18.75=56.25,将77.625*56.25确定为所述浏览器的第一调整后尺寸。

在一些实施方式中,所述尺寸调整信息包括调整长度以及调整宽度,所述原始浏览器尺寸包括原始浏览器长度以及原始浏览器宽度,所述基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸的步骤,包括:

(1)计算所述原始浏览器长度与所述调整长度的和,得到放大后长度;

(2)计算所述原始浏览器宽度与所述调整宽度的和,得到放大后长度;

(3)将所述放大后长度以及所述放大后长度,确定为所述浏览器的第一调整后尺寸。

其中,若目标分辨率大于最小分辨率,则在确定出尺寸调整信息后,可根据原始浏览器长度与所述调整长度的差值,得到放大后长度;根据原始浏览器宽度与所述调整宽度的差值,得到放大后长度。将放大后长度以及所述放大后长度,确定为所述浏览器的第一调整后尺寸。

例如,原始浏览器长度为103.5,原始浏览器宽度为75;调整长度为25.875,调整宽度为18.75,则放大后长度为103.5+25.875=129.375,放大后宽度为75+18.75=93.75,将129.375*93.75确定为所述浏览器的第一调整后尺寸。

在一些实施方式中,所述浏览器还包括有拖拽区域,所述拖拽区域用于响应针对于所述拖拽区域的拖拽操作,以使所述浏览器移动,在所述基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸的步骤之后,包括:

(1)获取所述拖拽区域的原始拖拽尺寸;

(2)根据所述原始浏览器尺寸以及所述第一调整后尺寸,确定所述浏览器尺寸的调整比例;

(3)根据所述原始拖拽尺寸以及所述调整比例,确定所述拖拽区域的第二调整后尺寸。

其中,如图1c所示,图1c为本申请实施例提供的浏览器的展现页面的示意图。其中,浏览器的展现页面中包括拖拽区域A、网址输入区域B、书签等功能控件区域C以及网页展示内容区域D。拖拽区域用于响应针对于所述拖拽区域的拖拽操作,以使所述浏览器移动。例如,用户通过鼠标点击选中拖拽区域A,并通过鼠标的移动带动整个浏览器展现页面的移动。网址输入区域B用于接收用户在该区域内输入的网址信息,或展现当前网页所对应的网址信息。功能控件区域C用于展现用户在历史访问过程中所存储的书签,或浏览器的设置按钮,用户可通过点击对应的书签进入该书签对应的网页,或点击浏览器的设置按钮进入浏览器设置界面,并对浏览器进行个性化设置。网页展示内容区域D用于展示当前网址对应的网址内容。

具体的,如图1d所示,图1d为本申请实施例提供的浏览器展现页面跟随分辨率调整放大后的示意图。可以看到,在某些分辨率下,调整后的浏览器对应的拖拽区域A会部分或全部遮挡网址输入区域B以及功能控件区域C,造成用户无法对网址输入区域B以及功能控件区域C进行操作的情况。针对于该种情况,可获取所述拖拽区域的原始拖拽尺寸;根据所述原始浏览器尺寸以及所述第一调整后尺寸,确定所述浏览器尺寸的调整比例;根据所述原始拖拽尺寸以及所述调整比例,确定所述拖拽区域的第二调整后尺寸。

例如,拖拽区域的原始拖拽尺寸包括原始拖拽长度100,原始拖拽宽度20;原始浏览器长度为800,原始浏览器宽度为600;第一调整后尺寸包括第一调整后长度400,第一调整后宽度300,则确定所述浏览器尺寸的调整比例为计算第一调整后长度400与原始浏览器长度为800的比值,得到调整比例为0.5。再计算调整比例0.5与原始拖拽长度100的乘积得到第二调整后长度50,计算调整比例0.5与原始拖拽宽度20的乘积得到第二调整后宽度10。将第二调整后长度50以及第二调整后宽度10确定为拖拽区域的第二调整后尺寸。

在一些实施方式中,所述获取所述拖拽区域的原始拖拽尺寸的步骤,包括:

(1)获取所述拖拽区域的原始拖拽尺寸的数据类型;

(2)若所述数据类型为第一类型,则将所述原始拖拽尺寸的数据类型转换为第二类型。

其中,拖拽区域的原始拖拽尺寸可能被描述为在屏幕内所占像素点的个数,例如长度占用屏幕100个像素单位,宽度占用屏幕20个像素单位;或者为一个实际数值,例如原始拖拽长度100,原始拖拽宽度20。由于进行后续的调整操作时,需要以实际长度进行计算,因此需要将原始拖拽尺寸可能被描述为在屏幕内所占像素点的个数的原始拖拽尺寸从第一类型转换为第二类型。第一类型即为被描述为在屏幕内所占像素点的个数的数据类型,第二类型为实际数值。

具体的,转换方式可以为通过javascript脚本语言的parseInt方法进行处理,比如parseInt(“100px”)就是将占用100像素单位数据类型转换为实际数值,最后得到的number(第二类型)类型10。

由上述可知,本申请实施例通过接收分辨率调整指令,获取调整后的目标分辨率;当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。以此,通过调整前后的分辨率确定出浏览器的尺寸调整信息,再根据浏览器的原始尺寸以及尺寸调整信息确定分辨率改变后的浏览器所要展现的第一调整后尺寸,进而可以使得浏览器的展示尺寸随超过预设分辨率区间的屏幕分辨率大小自适应调整,提高兼容性。

结合上述实施例所描述的方法,以下将举例作进一步详细说明。

请参阅图2,图2为本申请实施例提供的浏览器的尺寸调整方法的另一流程示意图。该方法流程可以包括:

在步骤201中,计算机设备接收分辨率调整指令,获取调整后的目标分辨率。

其中,分辨率调整指令用于调整屏幕显示时的屏幕分辨率,分辨率调整指令可以为针对分辨率调整界面内多个分辨率的选择操作。例如分辨率调整界面内的多个分辨率分别为1920*1080、1600*900以及800*600,当用户选择800*600时,即产生了分辨率调整指令。

具体的,分辨率调整界面可通过操作界面内的图形处理器(graphics processingunit,GPU)设置开启,或通过系统自带的分辨率设置页面开启。

其中,在接收到分辨率调整指令后,需获取用户调整后的目标分辨率。可通过确定用户在分辨率选择操作时的操作位置,例如点击位置或触控位置,并确定操作位置是在多个分辨率对应的响应区域中的哪一分辨率对应的响应区域内,从而将对应的分辨率确定为目标分辨率。这里的获取方式不做限定。

在步骤202中,计算机设备比较目标分辨率与预设分辨率区间的最小分辨率,得到比较结果。

其中,当目标分辨率未处于预设分辨率区间时,说明目标分辨率较小或较大,因此需要对浏览器的尺寸进行调整,从而在目标分辨率下显示的浏览器不会较大或较小,故需确定浏览器的尺寸调整信息。由于目标分辨率不处于预设分辨率区间,因此可通过比较目标分辨率与最小分辨率的大小关系确定目标分辨率大于最大分辨率还是小于最小分辨率,从而得到比较结果。并根据比较结果确定浏览器的尺寸调整信息。

在步骤203中,若所述比较结果为目标分辨率小于所述最小分辨率,则计算机设备获取所述预设分辨率区间的最大分辨率。

其中,若所述比较结果为所述目标分辨率小于所述最小分辨率,则说明目标分辨率为小于预设分辨率区间内任意分辨率的分辨率,则确定分辨率调整的缩小比例。

在步骤204中,计算机设备计算最小分辨率与目标分辨率的差值,得到第一结果。

其中,确定缩小比例的方式为:缩小比例值=(最小分辨率-目标分辨率)/(最大分辨率值-最小分辨率值);最小分辨率-目标分辨率的结果即为第一结果。

在步骤205中,计算机设备计算最大分辨率与所述最小分辨率的差值,得到第二结果。

其中,最大分辨率值-最小分辨率值的结果即为第二结果。

在步骤206中,计算机设备计算第一结果与所述第二结果的比值,得到缩小比例值。

其中,第一结果与第二结果的比值即为缩小比例值。其中,分辨率的相关运算可通过计算分辨率中的长度或宽度确定。例如最小分辨率为1024*768,目标分辨率为800*600,若按照长度进行计算,则最小分辨率-目标分辨率为1024-800=424,若按照宽度进行计算,则最小分辨率-目标分辨率为768-600=168,此处不做限定。

在步骤207中,计算机设备根据缩小比例值以及所述指定尺寸,确定尺寸调整信息。

其中,在确定出缩小比例值后,根据所述缩小比例值以及所述指定尺寸,确定尺寸调整信息。具体的确定方式为计算缩小比例值与指定尺寸的乘积,得到尺寸调整信息。例如,缩小比例值为0.25,指定尺寸为103.5*75,则尺寸调整信息为25.875*18.75。

在步骤208中,计算机设备计算原始浏览器长度与调整长度的差值,得到缩小后长度。

其中,若目标分辨率小于最小分辨率,则在确定出尺寸调整信息后,可根据原始浏览器长度与所述调整长度的差值,得到缩小后长度;根据原始浏览器宽度与所述调整宽度的差值,得到缩小后宽度。

在步骤209中,计算机设备计算原始浏览器宽度与调整宽度的差值,得到缩小后宽度。

其中,根据原始浏览器宽度与所述调整宽度的差值,得到缩小后宽度。

例如,原始浏览器长度为103.5,原始浏览器宽度为75;调整长度为25.875,调整宽度为18.75,则缩小后长度为103.5-25.875=77.625,缩小后宽度为75-18.75=56.25。

在步骤210中,计算机设备将缩小后长度以缩小后长度,确定为浏览器的第一调整后尺寸,并按照第一调整后尺寸展现浏览器。

其中,将缩小后长度以及所述缩小后长度,确定为所述浏览器的第一调整后尺寸。

例如,缩小后长度为103.5-25.875=77.625,缩小后宽度为75-18.75=56.25,将77.625*56.25确定为所述浏览器的第一调整后尺寸。

在步骤211中,计算机设备获取拖拽区域的原始拖拽尺寸的数据类型。

其中,拖拽区域的原始拖拽尺寸可能被描述为在屏幕内所占像素点的个数,例如长度占用屏幕100个像素单位,宽度占用屏幕20个像素单位;或者为一个实际数值,例如原始拖拽长度100,原始拖拽宽度20。由于进行后续的调整操作时,需要以实际长度进行计算,因此需要将原始拖拽尺寸可能被描述为在屏幕内所占像素点的个数的原始拖拽尺寸从第一类型转换为第二类型。因此获取拖拽区域的原始拖拽尺寸的数据类型。

在步骤212中,若所述数据类型为第一类型,则计算机设备将所述原始拖拽尺寸的数据类型转换为第二类型。

其中,第一类型即为被描述为在屏幕内所占像素点的个数的数据类型,第二类型为实际数值。

具体的,转换方式可以为通过javascript脚本语言的parseInt方法进行处理,比如parseInt(“100px”)就是将占用100像素单位数据类型转换为实际数值,最后得到的number(第二类型)类型10。

在步骤213中,计算机设备根据原始浏览器尺寸以及第一调整后尺寸,确定浏览器尺寸的调整比例。

其中,如图1c所示,图1c为本申请实施例提供的浏览器的展现页面的示意图。其中,浏览器的展现页面中包括拖拽区域A、网址输入区域B、书签等功能控件区域C以及网页展示内容区域D。拖拽区域用于响应针对于所述拖拽区域的拖拽操作,以使所述浏览器移动。例如,用户通过鼠标点击选中拖拽区域A,并通过鼠标的移动带动整个浏览器展现页面的移动。网址输入区域B用于接收用户在该区域内输入的网址信息,或展现当前网页所对应的网址信息。功能控件区域C用于展现用户在历史访问过程中所存储的书签,或浏览器的设置按钮,用户可通过点击对应的书签进入该书签对应的网页,或点击浏览器的设置按钮进入浏览器设置界面,并对浏览器进行个性化设置。网页展示内容区域D用于展示当前网址对应的网址内容。

具体的,如图1d所示,图1d为本申请实施例提供的浏览器展现页面跟随分辨率调整放大后的示意图。可以看到,在某些分辨率下,调整后的浏览器对应的拖拽区域A会部分或全部遮挡网址输入区域B以及功能控件区域C,造成用户无法对网址输入区域B以及功能控件区域C进行操作的情况。针对于该种情况,可获取所述拖拽区域的原始拖拽尺寸;根据所述原始浏览器尺寸以及所述第一调整后尺寸,确定所述浏览器尺寸的调整比例。

例如,拖拽区域的原始拖拽尺寸包括原始拖拽长度100,原始拖拽宽度20;原始浏览器长度为800,原始浏览器宽度为600;第一调整后尺寸包括第一调整后长度400,第一调整后宽度300,则确定所述浏览器尺寸的调整比例为计算第一调整后长度400与原始浏览器长度为800的比值,得到调整比例为0.5。

在步骤214中,计算机设备根据原始拖拽尺寸以及调整比例,确定拖拽区域的第二调整后尺寸。

其中,根据所述原始拖拽尺寸以及所述调整比例,确定所述拖拽区域的第二调整后尺寸。

例如,计算调整比例0.5与原始拖拽长度100的乘积得到第二调整后长度50,计算调整比例0.5与原始拖拽宽度20的乘积得到第二调整后宽度10。将第二调整后长度50以及第二调整后宽度10确定为拖拽区域的第二调整后尺寸。

由上述可知,本申请实施例通过接收分辨率调整指令,获取调整后的目标分辨率;当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。以此,通过调整前后的分辨率确定出浏览器的尺寸调整信息,再根据浏览器的原始尺寸以及尺寸调整信息确定分辨率改变后的浏览器所要展现的第一调整后尺寸,进而可以使得浏览器的展示尺寸随超过预设分辨率区间的屏幕分辨率大小自适应调整,提高兼容性。

为便于更好的实施本申请实施例提供的浏览器的尺寸调整方法,本申请实施例还提供一种基于上述浏览器的尺寸调整方法的装置。其中名词的含义与上述浏览器的尺寸调整方法中相同,具体实现细节可以参考方法实施例中的说明。

请参阅图3,图3为本申请实施例提供的浏览器的尺寸调整装置的结构示意图。其中该浏览器的尺寸调整装置可以包括接收模块301、调整模块302、第一确定模块303以及第二确定模块304等。

接收模块301,用于接收分辨率调整指令,获取调整后的目标分辨率;

调整模块302,用于当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;

第一确定模块303,用于当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;

第二确定模块304,用于基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。

在一些实施方式中,所述第一确定模块303,包括:

比较子模块,用于比较所述目标分辨率与所述预设分辨率区间的最小分辨率,得到比较结果;

第一确定子模块,用于基于所述比较结果,确定所述浏览器的尺寸调整信息。

在一些实施方式中,所述第一确定子模块,包括:

第一获取单元,用于若所述比较结果为所述目标分辨率小于所述最小分辨率,则获取所述预设分辨率区间的最大分辨率;

第一计算单元,用于计算所述最小分辨率与所述目标分辨率的差值,得到第一结果;

第二计算单元,用于计算所述最大分辨率与所述最小分辨率的差值,得到第二结果;

第三计算单元,用于计算所述第一结果与所述第二结果的比值,得到缩小比例值;

第一确定单元,用于根据所述缩小比例值以及所述指定尺寸,确定尺寸调整信息。

在一些实施方式中,所述尺寸调整信息包括调整长度以及调整宽度,所述原始浏览器尺寸包括原始浏览器长度以及原始浏览器宽度,所述第二确定模块304,包括:

第一计算子模块,用于计算所述原始浏览器长度与所述调整长度的差值,得到缩小后长度;

第二计算子模块,用于计算所述原始浏览器宽度与所述调整宽度的差值,得到缩小后宽度;

第二确定子模块,用于将所述缩小后长度以及所述缩小后长度,确定为所述浏览器的第一调整后尺寸。

在一些实施方式中,所述第一确定子模块,包括:

第二获取单元,用于若所述比较结果为所述目标分辨率大于所述最小分辨率,则获取所述预设分辨率区间的最大分辨率;

第四计算单元,用于计算所述目标分辨率与所述最大分辨率的差值,得到第三结果;

第五计算单元,用于计算所述最大分辨率与所述最小分辨率的差值,得到第四结果;

第六计算单元,用于计算所述第三结果与所述第四结果的比值,得到放大比例值;

第二确定单元,用于根据所述放大比例值以及所述指定尺寸,确定尺寸调整信息。

在一些实施方式中,所述尺寸调整信息包括调整长度以及调整宽度,所述原始浏览器尺寸包括原始浏览器长度以及原始浏览器宽度,所述第二确定模块304,包括:

第三计算子模块,用于计算所述原始浏览器长度与所述调整长度的和,得到放大后长度;

第四计算子模块,用于计算所述原始浏览器宽度与所述调整宽度的和,得到放大后长度;

第三确定子模块,用于将所述放大后长度以及所述放大后长度,确定为所述浏览器的第一调整后尺寸。

在一些实施方式中,所述浏览器还包括有拖拽区域,所述拖拽区域用于响应针对于所述拖拽区域的拖拽操作,以使所述浏览器移动,所述装置还包括:

获取模块,用于获取所述拖拽区域的原始拖拽尺寸;

第三确定模块,用于根据所述原始浏览器尺寸以及所述第一调整后尺寸,确定所述浏览器尺寸的调整比例;

第四确定模块,用于根据所述原始拖拽尺寸以及所述调整比例,确定所述拖拽区域的第二调整后尺寸。

在一些实施方式中,所述获取模块,包括:

获取子模块,用于获取所述拖拽区域的原始拖拽尺寸的数据类型;

转换子模块,用于若所述数据类型为第一类型,则将所述原始拖拽尺寸的数据类型转换为第二类型。

由上述可知,本申请实施例通过接收模块301接收分辨率调整指令,获取调整后的目标分辨率;调整模块302当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;第一确定模块303当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;第二确定模块304基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。以此,通过调整前后的分辨率确定出浏览器的尺寸调整信息,再根据浏览器的原始尺寸以及尺寸调整信息确定分辨率改变后的浏览器所要展现的第一调整后尺寸,进而可以使得浏览器的展示尺寸随超过预设分辨率区间的屏幕分辨率大小自适应调整,提高兼容性。

以上各个操作的具体实施可参见前面的实施例,在此不再赘述。

相应的,本申请实施例还提供一种计算机设备,该计算机设备可以为终端或者服务器,该终端可以为智能手机、平板电脑、笔记本电脑、触控屏幕、游戏机、个人计算机(PC,Personal Computer)、个人数字助理(Personal Digital Assistant,PDA)等终端设备。如图4所示,图4为本申请实施例提供的计算机设备的结构示意图。该计算机设备1000包括有一个或者一个以上处理核心的处理器401、有一个或一个以上计算机可读存储介质的存储器402及存储在存储器402上并可在处理器上运行的计算机程序。其中,处理器401与存储器402电性连接。本领域技术人员可以理解,图中示出的计算机设备结构并不构成对计算机设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。

处理器401是计算机设备1000的控制中心,利用各种接口和线路连接整个计算机设备1000的各个部分,通过运行或加载存储在存储器402内的软件程序和/或模块,以及调用存储在存储器402内的数据,执行计算机设备1000的各种功能和处理数据,从而对计算机设备1000进行整体监控。

在本申请实施例中,计算机设备1000中的处理器401会按照如下的步骤,将一个或一个以上的应用程序的进程对应的指令加载到存储器402中,并由处理器401来运行存储在存储器402中的应用程序,从而实现各种功能:

接收分辨率调整指令,获取调整后的目标分辨率;当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。

以上各个操作的具体实施可参见前面的实施例,在此不再赘述。

可选的,如图4所示,计算机设备1000还包括:触控显示屏403、射频电路404、音频电路405、输入单元406以及电源407。其中,处理器401分别与触控显示屏403、射频电路404、音频电路405、输入单元406以及电源407电性连接。本领域技术人员可以理解,图4中示出的计算机设备结构并不构成对计算机设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。

触控显示屏403可用于显示图形用户界面以及接收用户作用于图形用户界面产生的操作指令。触控显示屏403可以包括显示面板和触控面板。其中,显示面板可用于显示由用户输入的信息或提供给用户的信息以及计算机设备的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。可选的,可以采用液晶显示器(LCD,Liquid Crystal Display)、有机发光二极管(OLED,Organic Light-EmittingDiode)等形式来配置显示面板。触控面板可用于收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作),并生成相应的操作指令,且操作指令执行对应程序。可选的,触控面板可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器401,并能接收处理器401发来的命令并加以执行。触控面板可覆盖显示面板,当触控面板检测到在其上或附近的触摸操作后,传送给处理器401以确定触摸事件的类型,随后处理器401根据触摸事件的类型在显示面板上提供相应的视觉输出。在本申请实施例中,可以将触控面板与显示面板集成到触控显示屏403而实现输入和输出功能。但是在某些实施例中,触控面板与触控面板可以作为两个独立的部件来实现输入和输出功能。即触控显示屏403也可以作为输入单元406的一部分实现输入功能。

在本申请实施例中,通过处理器401执行游戏应用程序在触控显示屏403上生成图形用户界面,图形用户界面上的虚拟场景中包含至少一个功能控件或轮盘控件。该触控显示屏403用于呈现图形用户界面以及接收用户作用于图形用户界面产生的操作指令。

射频电路404可用于收发射频信号,以通过无线通信与网络设备或其他计算机设备建立无线通讯,与网络设备或其他计算机设备之间收发信号。

音频电路405可以用于通过扬声器、传声器提供用户与计算机设备之间的音频接口。音频电路405可将接收到的音频数据转换后的电信号,传输到扬声器,由扬声器转换为声音信号输出;另一方面,传声器将收集的声音信号转换为电信号,由音频电路405接收后转换为音频数据,再将音频数据输出处理器401处理后,经射频电路404以发送给比如另一计算机设备,或者将音频数据输出至存储器402以便进一步处理。音频电路405还可能包括耳塞插孔,以提供外设耳机与计算机设备的通信。

输入单元406可用于接收输入的数字、字符信息或用户特征信息(例如指纹、虹膜、面部信息等),以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。

电源407用于给计算机设备1000的各个部件供电。可选的,电源407可以通过电源管理系统与处理器401逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源407还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管图4中未示出,计算机设备1000还可以包括摄像头、传感器、无线保真模块、蓝牙模块等,在此不再赘述。

在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。

由上可知,本实施例提供的计算机设备,接收分辨率调整指令,获取调整后的目标分辨率;当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。以此,通过调整前后的分辨率确定出浏览器的尺寸调整信息,再根据浏览器的原始尺寸以及尺寸调整信息确定分辨率改变后的浏览器所要展现的第一调整后尺寸,进而可以使得浏览器的展示尺寸随超过预设分辨率区间的屏幕分辨率大小自适应调整,提高兼容性。

本领域普通技术人员可以理解,上述实施例的各种方法中的全部或部分步骤可以通过指令来完成,或通过指令控制相关的硬件来完成,该指令可以存储于一计算机可读存储介质中,并由处理器进行加载和执行。

为此,本申请实施例提供一种计算机可读存储介质,其中存储有多条计算机程序,该计算机程序能够被处理器进行加载,以执行本申请实施例所提供的任一种浏览器的尺寸调整方法中的步骤。例如,该计算机程序可以执行如下步骤:

接收分辨率调整指令,获取调整后的目标分辨率;当所述目标分辨率处于预设分辨率区间时,按照指定尺寸对浏览器的尺寸进行调整;当所述目标分辨率未处于预设分辨率区间时,确定所述浏览器的尺寸调整信息;基于所述浏览器的原始浏览器尺寸以及所述尺寸调整信息,确定所述浏览器的第一调整后尺寸,并按照所述第一调整后尺寸展现所述浏览器。

以上各个操作的具体实施可参见前面的实施例,在此不再赘述。

其中,该存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、磁盘或光盘等。

由于该存储介质中所存储的计算机程序,可以执行本申请实施例所提供的任一种浏览器的尺寸调整方法中的步骤,因此,可以实现本申请实施例所提供的任一种浏览器的尺寸调整方法所能实现的有益效果,详见前面的实施例,在此不再赘述。

以上对本申请实施例所提供的一种浏览器的尺寸调整方法、装置、存储介质及计算机设备进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。

完整详细技术资料下载
上一篇:石墨接头机器人自动装卡簧、装栓机
下一篇:小说转码方法、装置、设备以及存储介质

网友询问留言

已有0条留言

还没有人留言评论。精彩留言会获得点赞!

精彩留言,会给你点赞!