实现动画显示页面标签的方法和装置制造方法及图纸

一种实现动画显示页面标签的方法，包括以下步骤：获取新建或关闭页面标签的指令；计算页面标签的宽度变化量；比较所述宽度变化量与额定值的大小，并根据比较结果控制关闭或打开页面标签的动画显示。上述方法，当新建或关闭页面标签时，计算页面标签的宽度变化量，比较宽度变化量与额定值的大小，并根据比较结果控制关闭或打开页面标签的动画显示。若宽度变化量较小，即使不关闭页面标签的动画显示，动画效果也不明显。因此，上述方法根据宽度变化量与额定值的大小比较结果控制关闭或打开页面标签的动画显示，可在宽度变化量较小时控制关闭页面标签的动画显示，从而可减少系统资源的消耗。此外，还提供一种实现动画显示页面标签的装置。

【技术实现步骤摘要】
实现动画显示页面标签的方法和装置【
】本专利技术涉及浏览器
，特别地涉及一种实现动画显示页面标签的方法和装置。【
技术介绍
】 随着网络技术的发展，浏览器的更新换代也较快。一些较低版本的浏览器为单页面浏览器，即在一个浏览器窗口中只能打开一个页面。目前，新推出的浏览器一般为多页面浏览器，在一个浏览器窗口中可以打开多个页面，每个页面对应浏览器窗口标签栏中的一个页面标签。在浏览器窗口中每打开或关闭一个页面，则会在标签栏中新建或删除与页面对应的页面标签，同样的，在标签栏中每新建或关闭一个页面标签，则会打开或关闭与页面标签对应的页面。点击标签栏中的页面标签即可在浏览器窗口中显示该页面标签对应的页面。多页面浏览器在新建或删除页面标签时，一般以动画形式显示新建或删除的页面标签的位置变化，同样的，也以动画形式调整其余页面标签的宽度。例如，新建一个4厘米的页面标签，多页面浏览器一般动态显示页面标签逐渐从O厘米变化到4厘米。以动画形式显示页面标签的位置变化，可保持用户视觉上的画面连续性，而视觉上的画面连续性有助于用户获取变化前后的画面之间的关联性，方便用户进行相关的操作。然而以动画形式显示页面标签的位置变化需要消耗的较多的系统资源，当标签栏的页面标签较多时，以动画形式显示页面标签的位置变化有可能会由于系统资源紧张而出现卡顿的现象，不方便用户的操作。【
技术实现思路
】基于此，有必要提供一种可减少系统资源消耗的实现动画显示页面标签的方法。一种实现动画显示页面标签的方法，包括以下步骤:获取新建或关闭页面标签的指令；计算页面标签的宽度变化量；比较所述宽度变化量与额定值的大小，并根据比较结果控制关闭或打开页面标签的动画显示。基于此，还有必要提供一种可减少系统资源消耗的实现动画显示页面标签的装置。—种实现动画显示页面标签的装置,包括:指令获取模块，用于获取新建或关闭页面标签的指令；宽度变化量计算模块，用于计算页面标签的宽度变化量；动画控制模块，用于比较所述宽度变化量与额定值的大小，并根据比较结果控制关闭或打开页面标签的动画显示。上述实现动画显示页面标签的方法和装置，当新建或关闭页面标签时，计算页面标签的宽度变化量，比较宽度变化量与额定值的大小，并根据比较结果控制关闭或打开页面标签的动画显示。若宽度变化量较小，即使不关闭页面标签的动画显示，动画效果也不明显。因此，上述方法和装置根据宽度变化量与额定值的大小比较结果控制关闭或打开页面标签的动画显示，可在宽度变化量较小时控制关闭页面标签的动画显示，从而可减少系统资源的消耗。【【附图说明】】图1为一个实施例中的实现动画显示页面标签的方法的流程示意图；图2为一个实施例中计算页面标签的宽度变化量的步骤的流程示意图；图3为一个实施例中的实现动画显示页面标签的装置的结构示意图；图4为一个实施例中宽度变化量计算模块的结构示意图。【【具体实施方式】】如图1所示，在一个实施例中，一种实现动画显示页面标签的方法，包括以下步骤:步骤S10，获取新建或关闭页面标签的指令。具体的，在多页面浏览器中，当用户点击标签栏中的新建按钮时，或用户在一个网页中点击另一个网页的链接时，都可获取到新建页面标签的指令。而当用户点击某一个页面标签中的关闭按钮时，则可获取到关闭该页面标签以及该页面标签对应的页面的指令。步骤S30，计算页面标签的宽度变化量。具体的，宽度变化量为新建或关闭页面标签前后页面标签的宽度差的绝对值。如图2所示，在一个实施例中，步骤S30的具体过程包括:步骤S301，读取预设的页面标签初始值并获取标签栏中标签的可用宽度。具体的，页面标签初始值为页面标签的宽度的初始值。具体的，标签栏中标签的可用宽度为标签栏中可用于显示标签的宽度。标签栏中一般显示页面标签和新建按钮。在一个实施例中，标签栏中标签的可用宽度为当前浏览器窗口中标签栏的宽度与标签栏中新建按钮的宽度的差。步骤S303，判断新建或关闭页面标签后页面标签的数量与页面标签初始值的乘积是否大于等于标签的可用宽度，若是，则执行步骤S305，若否，则执行步骤S307。例如，当前页面标签的数量为2，若获取到新建页面标签的指令，则新建页面标签后页面标签的数量为3，若获取到关闭页面标签的指令，则关闭页面标签后页面标签的数量为I。在某一具体时刻，当标签栏中包含多个页面标签时，各页面标签的宽度都是相等的。步骤S305，计算新建或关闭页面标签后页面标签的宽度为标签的可用宽度与新建或关闭页面标签后页面标签的数量的商。具体的，若获取到新建页面标签的指令，则计算新建页面标签后页面标签的宽度为当前标签栏中标签的可用宽度与新建页面标签后页面标签的数量的商；若获取到关闭页面标签的指令，则计算关闭页面标签后页面标签的宽度为标签的可用宽度与关闭页面标签后页面标签的数量的商。本实施例中，只要关闭页面标签后页面标签的数量与页面标签初始值的乘积大于等于标签的可用宽度，则计算关闭页面标签后页面标签的宽度为标签的可用宽度与关闭页面标签后页面标签的数量的商，即，使得关闭页面标签后所有页面标签所占用的宽度一直是标签栏中标签的可用宽度。关闭页面标签后，新的最后一个页面标签的末端与关闭的页面标签的末端处于相同位置，而页面标签的关闭按钮一般都处于页面标签的末端，因此，新的最后一个页面标签的关闭按钮与已关闭的最后一个页面标签的关闭按钮处于相同位置，在这种情况下，用户只要点击相同的位置即可关闭新的最后一个页面标签，不需要移动操作位置，例如，不需要移动鼠标点击操作的位置或触摸屏上触控操作的位置，从而可提高用户的操作便利性。步骤S307，设置新建或关闭页面标签后页面标签的宽度为页面标签初始值。当新建或关闭页面标签后，页面标签的数量与页面标签初始值的乘积大于等于标签栏中标签的可用宽度时，而将页面标签的宽度设置为页面标签初始值。即，当标签栏中标签的可用宽度足够显示页面标签的初始宽度时，可将页面标签的宽度设置为页面标签初始值。步骤S309，计算页面标签的宽度变化量为新建或关闭页面标签前后页面标签的宽度的差的绝对值。具体的，可计算页面标签新建或关闭页面标签前后页面标签的宽度的差，进一步的，计算差的绝对值，得到页面标签的宽度变化量。步骤S50，比较宽度变化量与额定值的大小，并根据比较结果控制关闭或打开页面标签的动画显示。具体的，若页面标签的动画显示被关闭，则新建或关闭页面标签时，以非动画形式显示页面标签的位置变化。例如，标签栏中原有4个5厘米长的页面标签，新建一个页面标签后，页面标签的宽度变为4厘米，则直接将原来的页面标签的宽度调整为4厘米，并直接显示一个新的4厘米长的页面标签，而不显示页面标签逐渐变化的过程。具体的，若页面标签的动画显示被开启，则新建或关闭页面标签时，以动画形式显示标签的位置变化。例如，新建一个4厘米宽的页面标签时，显示页面标签从O厘米逐渐变化到4厘米的过程。上述实现动画显示页面标签的方法，当新建或关闭页面标签时，计算页面标签的宽度变化量，比较宽度变化量与额定值的大小，并根据比较结果控制关闭或打开页面标签的动画显示。若宽度变化量较小，即使不关闭页面标签的动画显示，动画效果也不明显。因此，上述方法根据宽度变化量与额定值的大小比较结果控制关闭或打开页面标签的动画显示，在宽度变化量较小时可控制本文档来自技高网...

【技术保护点】
一种实现动画显示页面标签的方法，包括以下步骤：获取新建或关闭页面标签的指令；计算页面标签的宽度变化量；比较所述宽度变化量与额定值的大小，并根据比较结果控制关闭或打开页面标签的动画显示。

【技术特征摘要】
1.一种实现动画显示页面标签的方法，包括以下步骤: 获取新建或关闭页面标签的指令； 计算页面标签的宽度变化量； 比较所述宽度变化量与额定值的大小，并根据比较结果控制关闭或打开页面标签的动画显示。2.根据权利要求1所述的实现动画显示页面标签的方法，其特征在于，所述计算页面标签的宽度变化量的步骤为: 读取预设的页面标签初始值并获取标签栏中标签的可用宽度； 判断新建或关闭页面标签后页面标签的数量与页面标签初始值的乘积是否大于等于所述标签的可用宽度，若是，则计算新建或关闭页面标签后页面标签的宽度为所述标签的可用宽度与新建或关闭页面标签后页面标签的数量的商，若否，则设置新建或关闭页面标签后页面标签的宽度为所述页面标签初始值； 计算页面标签的宽度变化量为新建或关闭页面标签前后页面标签的宽度的差的绝对值。3.根据权利要求1所述的实现动画显示页面标签的方法，其特征在于，所述方法还包括: 判断系统资源指标是否符合开启动画，若是，则控制开启页面标签的动画显示，若否，则控制关闭页面标签的动画显示。4.根据权利要求3所·述的实现动画显示页面标签的方法，其特征在于，在所述获取新建或关闭页面标签的指令之前，还包括: 获取系统资源指标； 判断所述系统资源指标是否在设定范围内，若是，则标记系统资源指标符合开启动画，若否，则标记系统资源指标不符合开启动画。5.根据权利要求1所述的实现动画显示页面标签的方法，其特征在于，在计算页面标签的宽度变化量之前，所述方法还包括: 若连续获取到两次新建页面标签的新建指令或关闭页面标签的关闭指令，则判断两次新建指令或关闭指令的间隔时间是否小于第一阈值，若否，则执行所述计算页面标签的宽度变化量的步骤，若是，则控制关闭页面标签的动画显示。6.根据权利要求5所述的实现动画显示页面标签的方法，其特征在于，在当两次关闭指令的间隔时间小于第一阈值而控制关闭页面标签的动画显示的步骤之后，还包括: 判断是否连续获取到超过第二阈值数量的关闭指令且连续的两条关闭指令间隔时长小于第一阈值，若是，则判断获取到的关闭指令对应的页面标签是否属于同一组，若属于同一组，则关闭所述同一组中的剩余页面标签，若不属于同一组，则关闭浏览器打开的所有页面标签。7.一种实现动画显示页面标签的装置，其特征在于，包括: 指令获取模块，用于获取新建或关闭页面标签的指令； 宽度变化量计算模块...

【专利技术属性】
技术研发人员：司天歌，张宁，宫晓妍，李一山，王文明，刘帅，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：