CN108958876B - 浏览器页面的显示方法和装置 - Google Patents

Abstract

本发明公开了一种浏览器页面的显示方法和装置。所述方法包括：在检测到浏览器连续输出至少两层弹出框后，获取所述至少两层弹出框的关闭顺序；如果所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭，则在接收关闭第i个输出的弹出框的请求后，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，其中i为正整数。

Description

浏览器页面的显示方法和装置

技术领域

本发明涉及信息处理领域，尤指一种浏览器页面的显示方法和装置。

背景技术

浏览器假死，通常是指标准通用标记语言的应用超文本标记语言的网页在装载或者运行的过程中，多种原因造成浏览器响应变慢，甚至无法操作的状态。所以，“假死”并不是一个特定的缺陷BUG，仅仅是复杂的网络环境造成的浏览器不稳定状态。

随着现在应用系统不断地庞大且逻辑的复杂度的加深，应用系统中需要多层弹出框的应用场景越来越多，这就需要能够顺畅应用多层弹出框，才能保证系统的正常运行。

在实现本发明过程中，发明人发现现有技术存在如下问题：

在部分浏览器中，在用户点击关闭按钮试图逐一关闭多层弹出框时，由于浏览器处理弹出窗口关闭的机制缩小弹窗框的z-index值会导致z-index值缩小后仍然大于父级窗口z-index值，造成页面不可再操作的假死现象。在实际应用时，由于弹出框叠加显示，造成浏览器不能立刻确定用户具体的操作对象，出现弹出框遮罩区域不消失，导致用户误认为定关闭操作未成功；会再次触发用户频繁点击关闭按钮，会造成浏览器不能及时响应和分辨关闭操作，最终导致页面不可操作的假死现象，影响浏览器的稳定性，严重影响了用户的体验。

发明内容

为了解决上述技术问题，本发明提供了一种浏览器页面的显示方法和装置，减少浏览器页面不可操作的假死现象。

为了达到本发明目的，本发明提供了一种浏览器页面的显示方法，包括：

在检测到浏览器连续输出至少两层弹出框后，获取所述至少两层弹出框的关闭顺序；

如果所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭，则在接收关闭第i个输出的弹出框的请求后，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，其中i为正整数。

其中，所述方法还具有如下特点：所述删除第i个输出的弹出框的遮罩层之前，所述方法还包括：

复制第i个输出的弹出框的遮罩层；

删除第i-1个输出的弹出框的遮罩层，并利用复制得到的遮罩层替换第i-1个输出的弹出框的遮罩层。

其中，所述方法还具有如下特点：所述删除第i-1个输出的弹出框的遮罩层，并利用复制得到的遮罩层替换第i-1个输出的弹出框的遮罩层，包括：

在删除第i-1个输出的弹出框的遮罩层之前，记录所述第i-1个输出的弹窗框的遮罩层的位置信息，在所述位置信息上输出复制得到的遮罩层。

其中，所述方法还具有如下特点：所述删除第i个输出的弹出框的遮罩层之后，所述方法还包括：

如果接收到接收关闭第i-1个输出的弹出框的请求，则检测对第i个输出的弹出框的遮罩层的删除操作是否成功；

如果删除操作成功，则响应所述关闭第i-1个输出的弹出框的请求。

其中，所述方法还具有如下特点：所述检测对第i个输出的弹出框的遮罩层的删除操作是否成功，所述方法还包括：

如果删除操作失败，则输出提示信息，其中所述提示信息用于提示暂停关闭第i-1个输出的弹出框的请求。

一种浏览器页面的显示装置，包括：

获取模块，用于在检测到浏览器连续输出至少两层弹出框后，获取所述至少两层弹出框的关闭顺序；

控制模块，用于如果所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭，则在接收关闭第i个输出的弹出框的请求后，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，其中i为正整数。

其中，所述装置还具有如下特点：所述装置还包括：

复制模块，用于在删除第i个输出的弹出框的遮罩层之前，复制第i个输出的弹出框的遮罩层；

处理模块，用于删除第i-1个输出的弹出框的遮罩层，并利用复制得到的遮罩层替换第i-1个输出的弹出框的遮罩层。

其中，所述装置还具有如下特点：所述处理模块还包括：

记录单元，用于在删除第i-1个输出的弹出框的遮罩层之前，记录所述第i-1个输出的弹窗框的遮罩层的位置信息；

替换单元，用于在所述位置信息上输出复制得到的遮罩层。

其中，所述装置还具有如下特点：所述装置还包括：

检测模块，用于在删除第i个输出的弹出框的遮罩层之后，如果接收到接收关闭第i-1个输出的弹出框的请求，则检测对第i个输出的弹出框的遮罩层的删除操作是否成功；

响应模块，用于如果删除操作成功，则响应所述关闭第i-1个输出的弹出框的请求。

其中，所述装置还具有如下特点：所述装置还包括：

提示模块，用于如果删除操作失败，则输出提示信息，其中所述提示信息用于提示暂停关闭第i-1个输出的弹出框的请求。

本发明提供的实施例，在检测到浏览器连续输出至少两层弹出框后，且所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭时，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，克服现有技术中由于处理弹出窗口关闭的机制因缩小弹窗框的z-index值会导致z-index值缩小后仍然大于父级窗口z-index值，造成页面不可再操作的假死现象，提高系统的稳定性，提升用户体验。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

附图说明

附图用来提供对本发明技术方案的进一步理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。

图1为本发明提供的浏览器页面的显示方法的流程图；

图2为本发明提供的浏览器页面的显示装置的结构图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚明白，下文中将结合附图对本发明的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。

在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1为本发明提供的浏览器页面的显示方法的流程图。图1所示方法包括：

步骤101、在检测到浏览器连续输出至少两层弹出框后，获取所述至少两层弹出框的关闭顺序；

步骤102、如果所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭，则在接收关闭第i个输出的弹出框的请求后，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，其中i为正整数。

本发明提供的方法实施例，在检测到浏览器连续输出至少两层弹出框后，且所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭时，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，克服现有技术中由于处理弹出窗口关闭的机制因缩小弹窗框的z-index值会导致z-index值缩小后仍然大于父级窗口z-index值，造成页面不可再操作的假死现象，提高系统的稳定性，提升用户体验。

下面对本发明提供的方法实施例作进一步说明：

好的应用系统存在的意义，不仅是将有价值的信息展现给用户，让用户能够从系统中获取有用信息，并可以对信息进行分析和维护。更是要对用户的使用提供保障，尽可能不出现页面崩溃或页面不可操作的假死现象，保证能够顺畅地响应用户的操作，提高用户体验。

浏览器会根据显示需要输出多层弹出框。当系统中只有一层弹出框时，系统一般不会暴露关闭弹出框偶发性页面不可操作的页面假死现象。随着现在系统逻辑复杂性的加深以及浏览器应用的使用需要，多层弹出框的现象出现越来越高，那么多层弹出框关闭时导致的页面崩溃现象也亟待解决。

本发明提供的方案能够很好的解决该问题，保证系统运行的稳定性，为访问者创造一种更好的用户体验。

其中本发明所指的浏览器具有多层弹出框的输出机制，且多次弹出框的关闭顺序是由最外层到最里面一层逐层关闭的，不会出现越级关闭操作；其中每个弹出框都会有遮罩区域。例如，现有技术中的IE11浏览器就具有上述特性。

针对关闭多层弹出框时的遮罩层不消失导致的页面不可操作的假死问题，在下文中提供解决方案：

本发明提出了一种改变系统中多层弹出框时IE11自身关闭弹出框的处理机制的方法，通过采用当前最外层弹出框遮罩区域替换上一级弹出框遮罩区域，且关闭当前最外层弹出框时删除该层弹出框遮罩区域的方式进行修改实现。进而解决了系统在IE11下由于浏览器兼容性问题引发的偶然性关闭弹出框时，弹出框遮罩区域不消失导致的页面不可操作的假死现象。通过该修改后方式，保证多层弹出框时页面不会因遮罩区域不消失而不可操作，极大地提高了用户的体验，进而提高系统在IE11浏览器中的可用性和稳定性。

本发明在删除第i个弹出框时，现有技术采用的方式是该第i个弹出框的遮罩层缩小，以适应第i-1个弹出框的显示，由于第i-1个弹出框的遮罩层与缩小后第i个弹出框的遮罩层有可能会重叠，甚至会小于第i个弹出框的遮罩层，因此，会影响用户的操作结果的误判；

本发明采用的手段是将第i个弹出框的遮罩层直接删除；由于第i个弹出框的遮罩层不存在了，所以与第i-1个弹出框的遮罩层的显示冲突就不存在了，所以就不会引起用户的误判。

为了方便对弹出框的遮罩层的修改，本发明提供的一个方法实施例中，在删除第i个输出的弹出框的遮罩层之前，所述方法还包括：

复制第i个输出的弹出框的遮罩层；

删除第i-1个输出的弹出框的遮罩层，并利用复制得到的遮罩层替换第i-1个输出的弹出框的遮罩层。

具体的，在多层弹出框的显示机制下，第i个输出的弹出框的遮罩层的显示位置要高于第i-1个输出的弹出框的遮罩层的显示位置，在关闭第i个输出的弹出框时，先对该第i个输出的弹出框对应的遮罩层进行复制，并将第i-1个输出的弹出框的遮罩先删除，随即用复制的遮罩层进行替换该第i-1个输出的遮罩。然后为了保险起见，关闭第i个输出的弹出框时，将该第i个输出的层的弹出框的遮罩进行删除，实现双重保障，以克服在页面关闭时遮罩仍然存在导致的页面不可操作的假死问题。

本发明提供的一个方法实施例中，所述删除第i-1个输出的弹出框的遮罩层，并利用复制得到的遮罩层替换第i-1个输出的弹出框的遮罩层，包括：

在删除第i-1个输出的弹出框的遮罩层之前，记录所述第i-1个输出的弹窗框的遮罩层的位置信息，在所述位置信息上输出复制得到的遮罩层。

具体的，基于上述位置信息显示复制得到的遮罩层，可以保证第i-2个输出的遮罩层不产生重叠，从而在关闭上述弹出框时，不出现遮罩层不消失的问题，提升系统的稳定性。

为了方便对显示的控制和显示，在删除第i个输出的弹出框的遮罩层之后，所述方法还包括：

如果接收到接收关闭第i-1个输出的弹出框的请求，则检测对第i个输出的弹出框的遮罩层的删除操作是否成功；

如果删除操作成功，则响应所述关闭第i-1个输出的弹出框的请求。

如果删除操作失败，则输出提示信息，其中所述提示信息用于提示暂停关闭第i-1个输出的弹出框的请求。

具体的，在每次执行完对遮罩层的删除结果进行检测，基于上述检测结果对下一次的弹出框的关闭操作进行控制。

如果本次的遮罩层已经删除成功，即表示该弹出框的遮罩层已经消失，不会影响下一次的关闭操作，因此，可以继续响应关闭操作；相反，如果本次的遮罩层未删除成功，即表示该弹出框的遮罩层未消失，如果继续执行下一次的关闭操作，因此，会增加遮罩层未消失的个数和概率，更容易产生页面假死的现象，这种情况下，需要对用户进行提醒，减少用户的再次操作，引起页面的崩溃。

下面以本发明提供的应用实例对本发明提供的方法进行说明：

本发明应用实例提供一种解决IE11兼容性问题引发的页面概率性假死的方法。该方法包括：

将系统在IE11浏览器中出现多层弹出框的地方，摒弃浏览器自身默认的关闭弹出框处理机制，重新实现关闭弹出框的处理机制。首先需说明的是多层弹框的关闭是由最外层到最里面一层逐层关闭的(每层都会有遮罩区域，不会出现越级操作)。具体实现为关闭当前最外层弹出框时，先对该弹出框对应的遮罩层层进行复制，将上一级弹出框的遮罩层先删除，随即用复制的遮罩层层进行替换该层遮罩区域，然后为了保险起见关闭当前弹出框时，将该层的弹出框进行删除，从而双重保障页面关闭时遮罩区域仍然存在导致的页面不可操作的假死现象。解决了系统IE11浏览器兼容性问题。

本发明应用实例提供的方法，将系统在IE11中出现多层弹出窗口时，关闭弹出框的方式由IE11的默认缩小弹出框遮罩区域z-index值的方式，改为用最后一层弹出框的遮罩层替换上一级的遮罩层，关闭最后一层弹出框时，将该层遮罩区域删除掉的处理机制。从而防止关闭多层弹出框时，偶发性页面不可操作的假死现象。该实现方式在解决IE11浏览器中多层弹出框关闭时页面不可操作假死现象，极大的提高了用户体验，实现对系统高可用性及稳定性的目标。

图2为本发明提供的浏览器页面的显示装置的结构图。图2所示装置包括：

获取模块201，用于在检测到浏览器连续输出至少两层弹出框后，获取所述至少两层弹出框的关闭顺序；

控制模块202，用于如果所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭，则在接收关闭第i个输出的弹出框的请求后，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，其中i为正整数。

在本发明提供一个装置实施例中，所述装置还包括：

复制模块，用于在删除第i个输出的弹出框的遮罩层之前，复制第i个输出的弹出框的遮罩层；

处理模块，用于删除第i-1个输出的弹出框的遮罩层，并利用复制得到的遮罩层替换第i-1个输出的弹出框的遮罩层。

在本发明提供一个装置实施例中，所述处理模块还包括：

记录单元，用于在删除第i-1个输出的弹出框的遮罩层之前，记录所述第i-1个输出的弹窗框的遮罩层的位置信息；

替换单元，用于在所述位置信息上输出复制得到的遮罩层。

在本发明提供一个装置实施例中，所述装置还包括：

检测模块，用于在删除第i个输出的弹出框的遮罩层之后，如果接收到接收关闭第i-1个输出的弹出框的请求，则检测对第i个输出的弹出框的遮罩层的删除操作是否成功；

响应模块，用于如果删除操作成功，则响应所述关闭第i-1个输出的弹出框的请求。

在本发明提供的一个装置实施例中，所述装置还包括：

提示模块，用于如果删除操作失败，则输出提示信息，其中所述提示信息用于提示暂停关闭第i-1个输出的弹出框的请求。

本发明提供的装置实施例，在检测到浏览器连续输出至少两层弹出框后，且所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭时，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，克服现有技术中由于处理弹出窗口关闭的机制因缩小弹窗框的z-index值会导致z-index值缩小后仍然大于父级窗口z-index值，造成页面不可再操作的假死现象，提高系统的稳定性，提升用户体验。

本领域普通技术人员可以理解上述实施例的全部或部分步骤可以使用计算机程序流程来实现，所述计算机程序可以存储于一计算机可读存储介质中，所述计算机程序在相应的硬件平台上(如系统、设备、装置、器件等)执行，在执行时，包括方法实施例的步骤之一或其组合。

可选地，上述实施例的全部或部分步骤也可以使用集成电路来实现，这些步骤可以被分别制作成一个个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

上述实施例中的各装置/功能模块/功能单元可以采用通用的计算装置来实现，它们可以集中在单个的计算装置上，也可以分布在多个计算装置所组成的网络上。

上述实施例中的各装置/功能模块/功能单元以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。上述提到的计算机可读取存储介质可以是只读存储器，磁盘或光盘等。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求所述的保护范围为准。

Claims (8)

1.一种浏览器页面的显示方法，其特征在于，包括：

在检测到浏览器连续输出至少两层弹出框后，获取所述至少两层弹出框的关闭顺序；

如果所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭，则在接收关闭第i个输出的弹出框的请求后，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，其中i为正整数；

其中，所述删除第i个输出的弹出框的遮罩层之前，所述方法还包括：

复制第i个输出的弹出框的遮罩层；

删除第i-1个输出的弹出框的遮罩层，并利用复制得到的遮罩层替换第i-1个输出的弹出框的遮罩层。

2.根据权利要求1所述的方法，其特征在于，所述删除第i-1个输出的弹出框的遮罩层，并利用复制得到的遮罩层替换第i-1个输出的弹出框的遮罩层，包括：

在删除第i-1个输出的弹出框的遮罩层之前，记录所述第i-1个输出的弹窗框的遮罩层的位置信息，在所述位置信息上输出复制得到的遮罩层。

3.根据权利要求1所述的方法，其特征在于，所述删除第i个输出的弹出框的遮罩层之后，所述方法还包括：

如果接收到接收关闭第i-1个输出的弹出框的请求，则检测对第i个输出的弹出框的遮罩层的删除操作是否成功；

如果删除操作成功，则响应所述关闭第i-1个输出的弹出框的请求。

4.根据权利要求3所述的方法，其特征在于，所述检测对第i个输出的弹出框的遮罩层的删除操作是否成功，所述方法还包括：

如果删除操作失败，则输出提示信息，其中所述提示信息用于提示暂停关闭第i-1个输出的弹出框的请求。

5.一种浏览器页面的显示装置，其特征在于，包括：

获取模块，用于在检测到浏览器连续输出至少两层弹出框后，获取所述至少两层弹出框的关闭顺序；

控制模块，用于如果所述至少两层弹出框的关闭顺序为从显示的外层向内层逐个关闭，则在接收关闭第i个输出的弹出框的请求后，在关闭所述第i个输出的弹出框的同时，删除第i个输出的弹出框的遮罩层，其中i为正整数；其中，所述装置还包括：

复制模块，用于在删除第i个输出的弹出框的遮罩层之前，复制第i个输出的弹出框的遮罩层；

处理模块，用于删除第i-1个输出的弹出框的遮罩层，并利用复制得到的遮罩层替换第i-1个输出的弹出框的遮罩层。

6.根据权利要求5所述的装置，其特征在于，所述处理模块还包括：

记录单元，用于在删除第i-1个输出的弹出框的遮罩层之前，记录所述第i-1个输出的弹窗框的遮罩层的位置信息；

替换单元，用于在所述位置信息上输出复制得到的遮罩层。

7.根据权利要求5所述的装置，其特征在于，所述装置还包括：

检测模块，用于在删除第i个输出的弹出框的遮罩层之后，如果接收到接收关闭第i-1个输出的弹出框的请求，则检测对第i个输出的弹出框的遮罩层的删除操作是否成功；

响应模块，用于如果删除操作成功，则响应所述关闭第i-1个输出的弹出框的请求。

8.根据权利要求7所述的装置，其特征在于，所述装置还包括：

提示模块，用于如果删除操作失败，则输出提示信息，其中所述提示信息用于提示暂停关闭第i-1个输出的弹出框的请求。

Images