CN106598406A - 一种基于智能终端的页面显示方法及智能终端 - Google Patents

Abstract

本发明公开了一种基于智能终端的页面显示方法及智能终端，包括：步骤S10监听在浏览器的显示区域上是否存在动作事件，若是，则执行步骤S20；其中，所述显示区域包括：原始显示区域和浮动显示区域；步骤S20获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件，若是，则执行步骤S30；步骤S30判断所述原始动作事件的事件类型；步骤S40根据所述原始动作事件的事件类型，执行相应的显示操作。本发明提供浮动显示区域使用户可以浏览原始页面上的放大显示元素，且原始页面也可以在原始显示区域上进行显示，使用户可以对整体的原始页面有所了解。

Description

一种基于智能终端的页面显示方法及智能终端

技术领域

本发明涉及智能终端显示领域，尤其涉及一种基于智能终端的页面显示方法及智能终端。

背景技术

随着智能终端的大面积普及，使用智能终端来浏览网页的行为逐渐多过在电脑上浏览网页的行为次数。而相比于电脑屏幕，智能终端的屏幕必然要小于电脑屏幕，在智能终端等其他具有小屏幕的显示设备上浏览和操作网页非常不方便，特别是针对视力有障碍的用户来说，浏览小屏幕上的内容非常不便。

针对这个问题，目前已出现的改进性方案主要是：通过整体放大浏览器页面的显示比例，通过抓捏手势的操作方法来放大、缩小页面；这种方案能提升小屏幕终端设备网页浏览的体验度，但却有其固有缺陷：整体放大页面，会导致页面可视内容变少，放大倍数越大，显示内容越少；页面整体放大，不便于用户观看页面的整体情况，大大降低了用户的使用体验。

发明内容

本发明的目的是提供一种基于智能终端的页面显示方法及智能终端，在放大浏览器页面的同时，便于让用户得到页面的整体情况信息，达到提高用户使用体验的目的。

本发明提供的技术方案如下：

一种基于智能终端的页面显示方法，包括：步骤S10监听在浏览器的显示区域上是否存在动作事件，若是，则执行步骤S20；其中，所述显示区域包括：原始显示区域和浮动显示区域；步骤S20获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件，若是，则执行步骤S30；步骤S30判断所述原始动作事件的事件类型；步骤S40根据所述原始动作事件的事件类型，执行相应的显示操作。

在上述技术方案中，原始显示区域来显示原始页面，让用户可以实现对原始页面的整体浏览；而浮动显示区域是显示放大后的原始页面的一部分内容，起到一个放大镜的作用，让用户可以看到放大的内容的同时，对原始页面也有一个全局浏览的效果。在原始显示区域上发生的原始动作事件会对原始页面进行更新，使用户可以正常对原始页面进行操作，既实现了局部放大的功能，方便眼睛不好的用户在智能终端上浏览网络页面，又保证了浏览器的原始功能，大大提高了用户的使用体验。

进一步，所述步骤S30具体包括：步骤S31判断所述原始动作事件是否是原始滚动事件，若否，则所述原始动作事件为原始点击事件，执行步骤S41；所述步骤S40包括：步骤S41获取所述原始点击事件对应的原始显示元素；步骤S42根据所述原始点击事件和对应的所述原始显示元素，在所述原始页面上执行相应的响应操作，且隐藏所述浮动显示区域。

在上述技术方案中，当用户在原始显示区域上执行了原始点击事件后，就相当于点了原始页面中的超链接，智能终端会响应这个原始点击事件，在原始页面上执行相应的响应操作，例如：响应这个超链接，跳转到新的页面。在执行这个操作的时候，会隐藏浮动显示区域，例如：将浮动显示区域调整为透明，便于让用户看到整体的页面，给用户提供了较好的体验效果。

进一步，所述步骤S31还包括：若是，则执行步骤S43；所述步骤S40还包括：步骤S43根据所述原始滚动事件，在所述原始显示区域的所述原始页面进行页面滚动；步骤S44判断所述原始页面进行页面滚动时是否到达所述原始页面的边界处，若是，则执行步骤S45，若否，则执行步骤S46；步骤S45在所述原始页面的边界处增加空白页面，使所述原始页面的边界处到达所述原始显示区域中的预设区域；步骤S46当所述原始页面的页面滚动停止时，在所述原始显示区域的所述预设区域中提取所述原始页面的原始显示元素；步骤S47将提取的所述原始显示元素按预设规则放大，得到对应的放大显示元素形成的浮动页面；步骤S48将所述浮动页面在所述浮动显示区域中显示。

在上述技术方案中，若原始动作事件为原始滚动事件，则会对原始页面进行滚动操作，更新原始显示区域中显示的原始页面；而一个原始页面必然会有头、尾这种边界，若预设区域是固定设置在特定的一个地方，原始页面的至少一个边界会无法到达预设区域，因此，增加的空白页面保证了原始页面上所有的内容(原始显示元素)可以到达预设区域的位置，从而被放大、在浮动显示区域内显示，保证了用户可以通过原始滚动事件逐步看到放大后的原始页面上的所有内容。

进一步，所述步骤S20还包括：若否，则所述动作事件是发生在所述浮动显示区域的浮动动作事件，执行步骤S50；所述步骤S20之后还包括：步骤S50判断所述浮动动作事件是否为浮动点击事件，若是，则执行步骤S60；步骤S60获取所述浮动点击事件对应的放大显示元素；步骤S61根据所述放大显示元素和所述浮动点击事件，得到所述放大显示元素对应的所述原始显示元素和所述浮动点击事件对应的所述原始点击事件，并执行步骤S42。

在上述技术方案中，若用户在浮动显示区域进行了浮动动作事件的操作，那么会进一步判断浮动动作事件的事件类型，从而执行相应的响应显示操作。如果是浮动点击事件，那么会获取相应的放大显示元素，便于得到对应的原始显示元素，根据浮动点击事件对应的原始点击事件在原始页面上执行相应的响应操作，相当于将浮动显示区域内的浮动页面和原始显示区域内的原始页面相互关联，无论在哪个页面上执行点击事件，都可以更新原始页面，从而使浮动显示区域内的浮动页面进行更新，保证了用户可以在放大状态查看不同的页面内容，又不会影响浏览器原始的操作功能。

进一步，所述步骤S20还包括：若否，则所述动作事件是发生在所述浮动显示区域的浮动动作事件，执行步骤S50；所述步骤S20之后还包括：步骤S50判断所述浮动动作事件是否为浮动点击事件，若否，则所述浮动动作事件是浮动滑动事件，执行步骤S70；所述步骤S50之后还包括：步骤S70判断所述浮动滑动事件是否为浮动滚动事件，若是，则执行步骤S71；步骤S71获取所述浮动滚动事件对应的所述原始滚动事件，并执行步骤S43。

在上述技术方案中，如果是浮动滚动事件的话，也会关联到原始页面进行滚动操作，从而使浮动显示区域内的浮动页面进行更新，保证了用户可以观看更多的页面内容。

进一步，所述步骤S70还包括：若否，则所述浮动滑动事件为浮动移动事件，执行步骤S72；步骤S72根据所述浮动移动事件，在所述浮动显示区域的浮动页面进行页面移动。

在上述技术方案中，浮动页面中的放大显示元素是根据原始显示元素进行等比例放大而形成的，因此，浮动页面必然不能适应整个浮动显示区域，会有一部分内容溢出，这时候就可以通过浮动移动事件来看到完整的放大的浮动页面。

本发明还提供一种智能终端，包括：监听模块，用于监听在浏览器的显示区域上是否存在动作事件；其中，所述显示区域包括：原始显示区域和浮动显示区域；事件判断模块，与所述监听模块电连接，当所述监听模块监听到在浏览器的显示区域上存在动作事件时，所述事件判断模块获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件；类型判断模块，与所述事件判断模块电连接，若所述动作事件为所述原始动作事件，所述类型判断模块用于判断所述原始动作事件的事件类型；执行模块，与所述类型判断模块，所述执行模块用于根据所述原始动作事件的事件类型，执行相应的显示操作。

在上述技术方案中，智能终端打开浏览器后，其原始显示区域和浮动显示区域的设置保证了既可以有整体的原始页面的浏览，也保证了放大的浮动页面有地方可以进行显示，便于了用户的浏览，特别是针对视力不好的用户来说，在掌握整体原始页面的同时，也可以更清楚地看到原始页面上的内容。

进一步，所述类型判断模块，进一步用于判断所述原始动作事件是否是原始滚动事件；所述执行模块包括：原始元素获取子模块，当所述原始动作事件不是原始滚动事件，而是原始点击事件时，所述原始元素获取子模块用于获取所述原始点击事件对应的原始显示元素；点击执行子模块，当所述原始元素获取子模块获取了所述原始点击事件对应的原始显示元素时，所述点击执行子模块根据所述原始点击事件和对应的所述原始显示元素，在所述原始页面上执行相应的响应操作，且隐藏所述浮动显示区域。

进一步，所述执行模块还包括：页面滚动子模块，当所述原始动作事件是所述原始滚动事件时，所述页面滚动子模块控制在所述原始显示区域的所述原始页面进行页面滚动；边界判断子模块，当所述页面滚动子模块控制所述原始页面进行页面滚动时，所述边界判断子模块判断所述原始页面进行页面滚动时是否到达所述原始页面的边界处；页面增加子模块，当所述边界判断子模块判断所述原始页面到达所述原始页面的边界处时，所述页面增加子模块在所述原始页面的边界处增加空白页面，使所述原始页面的边界处到达所述原始显示区域中的预设区域；元素提取子模块，当所述原始页面的页面滚动停止时，所述元素提取子模块在所述原始显示区域的所述预设区域中提取所述原始页面的原始显示元素；元素放大子模块，当所述元素提取子模块提取了所述原始显示元素后，所述元素放大子模块将提取的所述原始显示元素按预设规则放大，得到对应的放大显示元素形成的浮动页面；浮动显示子模块，当所述浮动页面形成后，所述浮动显示子模块将所述浮动页面在所述浮动显示区域中显示。

进一步，所述类型判断模块，若所述动作事件是发生在所述浮动显示区域的浮动动作事件，所述类型判断模块进一步用于判断所述浮动动作事件是否为浮动点击事件；所述智能终端还包括：放大元素获取模块，与所述类型判断模块电连接，用于获取所述浮动点击事件对应的放大显示元素；对应信息获取模块，与所述放大元素获取模块、所述执行模块电连接，当所述放大元素获取模块获取了所述浮动点击事件对应的放大显示元素时，所述对应信息获取模块根据所述放大显示元素和所述浮动点击事件，得到所述放大显示元素对应的所述原始显示元素和所述浮动点击事件对应的所述原始点击事件。

与现有技术相比，本发明的基于智能终端的页面显示方法及智能终端有益效果在于：

提供浮动显示区域使用户可以浏览原始页面上的放大显示元素，且原始页面也可以在原始显示区域上进行显示，使用户可以对整体的原始页面有所了解；而浮动显示区域与原始显示区域互相关联，保证了浮动显示区域内的内容可以根据原始页面进行实时更新。

附图说明

下面将以明确易懂的方式，结合附图说明优选实施方式，对一种基于智能终端的页面显示方法及智能终端的上述特性、技术特征、优点及其实现方式予以进一步说明。

图1是本发明基于智能终端的页面显示方法一个实施例的流程图；

图2是本发明基于智能终端的页面显示方法另一个实施例的流程图；

图3是本发明智能终端一个实施例的结构示意图；

图4是本发明智能终端另一个实施例的结构示意图；

图5是本发明智能终端上浮动显示区域、预设区域一个实施例的结构示意图。

附图标号说明：

10.监听模块，20.事件判断模块，30.类型判断模块，40.执行模块，41.原始元素获取子模块，42.点击执行子模块，43.页面滚动子模块，44.边界判断子模块，45.页面增加子模块，46.元素提取子模块，47.元素放大子模块，48.浮动显示子模块，50.放大元素获取模块，60.对应信息获取模块，70.浮动显示区域，80.显示屏，81.预设区域。

具体实施方式

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对照附图说明本发明的具体实施方式。显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图，并获得其他的实施方式。

为使图面简洁，各图中只示意性地表示出了与本发明相关的部分，它们并不代表其作为产品的实际结构。另外，以使图面简洁便于理解，在有些图中具有相同结构或功能的部件，仅示意性地绘示了其中的一个，或仅标出了其中的一个。在本文中，“一个”不仅表示“仅此一个”，也可以表示“多于一个”的情形。

在本发明的一个实施例中，如图1所示，一种基于智能终端的页面显示方法，包括：步骤S10监听在浏览器的显示区域上是否存在动作事件，若是，则执行步骤S20；其中，所述显示区域包括：原始显示区域和浮动显示区域；步骤S20获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件，若是，则执行步骤S30；步骤S30判断所述原始动作事件的事件类型；步骤S40根据所述原始动作事件的事件类型，执行相应的显示操作。

具体的，本发明是基于智能终端上的浏览器应用程序实现的，主要应用于用户使用浏览器浏览网页的行为。显示区域为智能终端上的显示屏，而原始显示区域的尺寸即为显示屏的尺寸，浮动显示区域的尺寸是显示屏尺寸的一部分，浮动显示区域的尺寸可以由用户自定义设置，在此不作限定；例如：浮动显示区域的高度为显示屏高度的三分之一，浮动显示区域的宽度为显示屏的宽度。浮动显示区域的位置在原始显示区域的上层，在不显示放大的浮动页面时为透明状态，用户不会看到此浮动显示区域，只会直接看到原始显示区域上的原始页面。考虑到每个用户的阅读习惯不同，浮动显示区域的位置也可以由用户自行设置，在这里也不作限制；例如：如图5所示，原始显示区域可以为显示屏80的尺寸，浮动显示区域70可以设置在显示屏80的最上面。另外，用户在原始显示区域上对原始页面输入的原始动作事件，可以使原始页面进行相应的显示操作，保证了原始页面更新能力。

优选地，所述步骤S30具体包括：步骤S31判断所述原始动作事件是否是原始滚动事件，若否，则所述原始动作事件为原始点击事件，执行步骤S41；所述步骤S40包括：步骤S41获取所述原始点击事件对应的原始显示元素；步骤S42根据所述原始点击事件和对应的所述原始显示元素，在所述原始页面上执行相应的响应操作，且隐藏所述浮动显示区域。

具体的，用户在浏览器页面上的操作一般为让页面上下滚动，或者点击浏览器页面上的超链接，以跳转到下一个页面等。当用户在原始显示区域(当浮动显示区域不为透明状态时，这里的原始显示区域是指不包括含有浮动显示区域的一部分，即如图5所示，显示屏中不包含浮动显示区域70的其他区域)对显示的原始页面执行原始点击事件时(可以理解为，点击显示在原始显示区域的原始页面上的某个超链接)，会根据原始点击事件对应的原始显示元素，执行相应的响应操作，可以理解为当用户点击了某个超链接后，原始页面就会跳转到这个超链接对应的页面，此页面成为新的原始页面。之所以将浮动显示区域进行隐藏，一来是为了给用户提供在原始显示区域内显示的整体原始页面的浏览，二来需要根据跳转的新的原始页面来调整浮动显示区域内显示的浮动页面。

在另一个实施例中，所述步骤S10之前还包括：步骤S00配置所述浮动显示区域。这里的配置浮动显示区域是指将浮动显示区域的尺寸、设置的位置进行设定。

优选地，所述步骤S31还包括：若是，则执行步骤S43；所述步骤S40还包括：步骤S43根据所述原始滚动事件，在所述原始显示区域的所述原始页面进行页面滚动；步骤S44判断所述原始页面进行页面滚动时是否到达所述原始页面的边界处，若是，则执行步骤S45，若否，则执行步骤S46；步骤S45在所述原始页面的边界处增加空白页面，使所述原始页面的边界处到达所述原始显示区域中的预设区域；步骤S46当所述原始页面的页面滚动停止时，在所述原始显示区域的所述预设区域中提取所述原始页面的原始显示元素；步骤S47将提取的所述原始显示元素按预设规则放大，得到对应的放大显示元素形成的浮动页面；步骤S48将所述浮动页面在所述浮动显示区域中显示。

具体的，当用户在原始显示区域(当浮动显示区域不为透明状态时，这里的原始显示区域是指不包括含有浮动显示区域的一部分，即如图5所示，显示屏中不包含浮动显示区域70的其他区域)对显示的原始页面执行原始滚动事件时，在原始显示区域的原始页面会进行页面滚动，且隐藏浮动显示区域，当原始页面的滚动停止后，再在浮动显示区域中显示浮动页面；当然浮动显示区域也可以在原始页面进行滚动时不隐藏，在这里并不作限制。

浮动显示区域内的浮动页面是由在原始页面的预设区域中提取的原始显示元素放大后的放大显示元素形成的，考虑到现有的原始页面，例如：网页，它们是有边界的，若预设区域81如图5一样设置在最中间，那么原始页面在最开始或到达最后的边界时，没没法进行移动，意味着最前面或最后面有一部分没办法进行放大显示，因此，会在边界处自动填充空白页面，以使边界的内容可以顺利到达预设区域，从而使其被放大显示在浮动显示区域，大大提高了用户的使用体验。

另外，预设区域的尺寸、预设规则、浮动显示区域的尺寸这三者可以对应地进行设置，例如：浮动显示区域占显示屏的三分之一，则预设规则为放大倍数为三倍，预设区域的尺寸即为原始页面(显示屏)的九分之一。当然，三者也可以不对应地进行设置，只要使原始页面的一部分可以顺利放大在浮动显示区域内显示即可。

优选地，所述步骤S20还包括：若否，则所述动作事件是发生在所述浮动显示区域的浮动动作事件，执行步骤S50；所述步骤S20之后还包括：步骤S50判断所述浮动动作事件是否为浮动点击事件，若是，则执行步骤S60；步骤S60获取所述浮动点击事件对应的放大显示元素；步骤S61根据所述放大显示元素和所述浮动点击事件，得到所述放大显示元素对应的所述原始显示元素和所述浮动点击事件对应的所述原始点击事件，并执行步骤S42。

具体的，当用户在浮动显示区域对浮动页面点击时，即在浮动显示区域内执行了浮动点击事件，浮动显示区域内的浮动页面与原始显示区域内的原始页面是相互关联的，点击了浮动页面上的内容，就意味着点击了原始页面上相应的内容，因此，原始页面会执行相应的显示操作。关联性地设置保证了用户在浏览浮动显示区中的放大显示元素时，不需要再返回原始页面寻找自己想要的原始放大元素进行相应的操作，可以直接在浮动显示区域上操作，方便、快捷，大大提高了用户的满意度。

优选地，所述步骤S20还包括：若否，则所述动作事件是发生在所述浮动显示区域的浮动动作事件，执行步骤S50；所述步骤S20之后还包括：步骤S50判断所述浮动动作事件是否为浮动点击事件，若否，则所述浮动动作事件是浮动滑动事件，执行步骤S70；所述步骤S50之后还包括：步骤S70判断所述浮动滑动事件是否为浮动滚动事件，若是，则执行步骤S71；步骤S71获取所述浮动滚动事件对应的所述原始滚动事件，并执行步骤S43。

优选地，所述步骤S70还包括：若否，则所述浮动滑动事件为浮动移动事件，执行步骤S72；步骤S72根据所述浮动移动事件，在所述浮动显示区域的浮动页面进行页面移动。

具体的，当浮动动作事件为浮动滑动事件时，会进一步判断到底是浮动滚动事件，还是浮动移动事件。浮动滚动事件，相当于是对原始页面进行页面滚动，以更新浮动显示区域内的浮动页面；而浮动移动事件，相当于对浮动页面进行移动，以查看浮动页面其它并没有在当前的浮动显示区域内显示的内容。例如：提取了原始页面上九分之一的原始显示元素，将其等比例放大三倍，而浮动显示区域为原始页面上三分之一的尺寸，那么放大形成的浮动页面其高度可以正好在浮动显示区域内显示，但是其宽度(横向)上的内容必然无法在浮动显示区域内完全显示出来，因此，需要用户手动左右移动来查看完整的横向内容。浮动显示区域相当于一个显示放大器，在用户执行浮动移动事件时，浮动显示区域为了保证给予用户提供良好的体验效果，并不会隐藏。

在本发明的另一个实施例中，如图2所示，一种基于智能终端的页面显示方法，包括：步骤S10监听在浏览器的显示区域上是否存在动作事件，若是，则执行步骤S20；其中，所述显示区域包括：原始显示区域和浮动显示区域；步骤S20获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件，若是，则执行步骤S30，若否，则所述动作事件是发生在所述浮动显示区域的浮动动作事件，执行步骤S50；步骤S30判断所述原始动作事件的事件类型；所述步骤S30具体包括：步骤S31判断所述原始动作事件是否是原始滚动事件，若否，则所述原始动作事件为原始点击事件，执行步骤S41，若是，则执行步骤S43；步骤S40根据所述原始动作事件的事件类型，执行相应的显示操作；所述步骤S40包括：步骤S41获取所述原始点击事件对应的原始显示元素；步骤S42根据所述原始点击事件和对应的所述原始显示元素，在所述原始页面上执行相应的响应操作，且隐藏所述浮动显示区域；步骤S43根据所述原始滚动事件，在所述原始显示区域的所述原始页面进行页面滚动；步骤S44判断所述原始页面进行页面滚动时是否到达所述原始页面的边界处，若是，则执行步骤S45，若否，则执行步骤S46；步骤S45在所述原始页面的边界处增加空白页面，使所述原始页面的边界处到达所述原始显示区域中的预设区域；步骤S46当所述原始页面的页面滚动停止时，在所述原始显示区域的所述预设区域中提取所述原始页面的原始显示元素；步骤S47将提取的所述原始显示元素按预设规则放大，得到对应的放大显示元素形成的浮动页面；步骤S48将所述浮动页面在所述浮动显示区域中显示；步骤S50判断所述浮动动作事件是否为浮动点击事件，若是，则执行步骤S60，若否，则所述浮动动作事件是浮动滑动事件，执行步骤S70；步骤S60获取所述浮动点击事件对应的放大显示元素；步骤S61根据所述放大显示元素和所述浮动点击事件，得到所述放大显示元素对应的所述原始显示元素和所述浮动点击事件对应的所述原始点击事件，并执行步骤S42；步骤S70判断所述浮动滑动事件是否为浮动滚动事件，若是，则执行步骤S71，若否，则所述浮动滑动事件为浮动移动事件，执行步骤S72；步骤S71获取所述浮动滚动事件对应的所述原始滚动事件，并执行步骤S43；步骤S72根据所述浮动移动事件，在所述浮动显示区域的浮动页面进行页面移动。

具体的，通过在智能终端的浏览器页面上固化一个预设区域，结合用户输入的各种事件(例如：浮动动作事件、原始动作事件)来放大预设区域内的原始显示元素，在浮动显示区域中显示，改进小屏幕的智能终端上的浏览器页面显示方法，提升用户在浏览器上浏览网页时的体验度。

本发明还提供一种智能终端，如图3所示，包括：监听模块10，用于监听在浏览器的显示区域上是否存在动作事件；其中，所述显示区域包括：原始显示区域和浮动显示区域；事件判断模块20，与所述监听模块10电连接，当所述监听模块10监听到在浏览器的显示区域上存在动作事件时，所述事件判断模块20获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件；类型判断模块30，与所述事件判断模块20电连接，若所述动作事件为所述原始动作事件，所述类型判断模块30用于判断所述原始动作事件的事件类型；执行模块40，与所述类型判断模块30，所述执行模块40用于根据所述原始动作事件的事件类型，执行相应的显示操作。

具体的，智能终端可以为手机、平板电脑等智能的具有显示屏的电子设备。本发明是基于智能终端上的浏览器应用程序实现的，主要应用于用户使用浏览器浏览网页的行为。显示区域为智能终端上的显示屏，而原始显示区域的尺寸即为显示屏的尺寸，浮动显示区域的尺寸是显示屏尺寸的一部分，浮动显示区域的尺寸可以由用户自定义设置，在此不作限定；例如：浮动显示区域的高度为显示屏高度的三分之一，浮动显示区域的宽度为显示屏的宽度。浮动显示区域的位置在原始显示区域的上层，在不显示放大的浮动页面时为透明状态，用户不会看到此浮动显示区域，只会直接看到原始显示区域上的原始页面。考虑到每个用户的阅读习惯不同，浮动显示区域的位置也可以由用户自行设置，在这里也不作限制。

优选地，所述类型判断模块30，进一步用于判断所述原始动作事件是否是原始滚动事件；所述执行模块40包括：原始元素获取子模块41，当所述原始动作事件不是原始滚动事件，而是原始点击事件时，所述原始元素获取子模块用于获取所述原始点击事件对应的原始显示元素；点击执行子模块42，当所述原始元素获取子模块获取了所述原始点击事件对应的原始显示元素时，所述点击执行子模块根据所述原始点击事件和对应的所述原始显示元素，在所述原始页面上执行相应的响应操作，且隐藏所述浮动显示区域。

具体的，用户在浏览器页面上的操作一般为让页面上下滚动，或者点击浏览器页面上的超链接，以跳转到下一个页面等。当用户在原始显示区域(当浮动显示区域不为透明状态时，这里的原始显示区域是指不包括含有浮动显示区域的一部分，即如图5所示，显示屏中不包含浮动显示区域70的其他区域)对显示的原始页面执行原始点击事件时(可以理解为，点击显示在原始显示区域的原始页面上的某个超链接)，会根据原始点击事件对应的原始显示元素，执行相应的响应操作，可以理解为当用户点击了某个超链接后，原始页面就会跳转到这个超链接对应的页面，此页面成为新的原始页面。之所以将浮动显示区域进行隐藏，一来是为了给用户提供在原始显示区域内显示的整体原始页面的浏览，二来需要根据跳转的新的原始页面来调整浮动显示区域内显示的浮动页面。

在另一个实施例中，还包括：配置模块，用于配置所述浮动显示区域。这里的配置浮动显示区域是指将浮动显示区域的尺寸、设置的位置进行设定。

优选地，所述执行模块40还包括：页面滚动子模块43，当所述原始动作事件是所述原始滚动事件时，所述页面滚动子模块控制在所述原始显示区域的所述原始页面进行页面滚动；边界判断子模块44，当所述页面滚动子模块控制所述原始页面进行页面滚动时，所述边界判断子模块判断所述原始页面进行页面滚动时是否到达所述原始页面的边界处；页面增加子模块45，当所述边界判断子模块判断所述原始页面到达所述原始页面的边界处时，所述页面增加子模块在所述原始页面的边界处增加空白页面，使所述原始页面的边界处到达所述原始显示区域中的预设区域；元素提取子模块46，当所述原始页面的页面滚动停止时，所述元素提取子模块在所述原始显示区域的所述预设区域中提取所述原始页面的原始显示元素；元素放大子模块47，当所述元素提取子模块提取了所述原始显示元素后，所述元素放大子模块将提取的所述原始显示元素按预设规则放大，得到对应的放大显示元素形成的浮动页面；浮动显示子模块48，当所述浮动页面形成后，所述浮动显示子模块将所述浮动页面在所述浮动显示区域中显示。

具体的，当用户在原始显示区域(当浮动显示区域不为透明状态时，这里的原始显示区域是指不包括含有浮动显示区域的一部分，即如图5所示，显示屏中不包含浮动显示区域70的其他区域)对显示的原始页面执行原始滚动事件时，在原始显示区域的原始页面会进行页面滚动，且隐藏浮动显示区域，当原始页面的滚动停止后，再在浮动显示区域中显示浮动页面；当然浮动显示区域也可以在原始页面进行滚动时不隐藏，在这里并不作限制。

浮动显示区域内的浮动页面是由在原始页面的预设区域中提取的原始显示元素放大后的放大显示元素形成的，考虑到现有的原始页面，例如：网页，它们是有边界的，若预设区域81如图5一样设置在最中间，那么原始页面在最开始或到达最后的边界时，没没法进行移动，意味着最前面或最后面有一部分没办法进行放大显示，因此，会在边界处自动填充空白页面，以使边界的内容可以顺利到达预设区域，从而使其被放大显示在浮动显示区域，大大提高了用户的使用体验。

另外，预设区域的尺寸、预设规则、浮动显示区域的尺寸这三者可以对应地进行设置，例如：浮动显示区域占显示屏的三分之一，则预设规则为放大倍数为三倍，预设区域的尺寸即为原始页面(显示屏)的九分之一。当然，三者也可以不对应地进行设置，只要使原始页面的一部分可以顺利放大在浮动显示区域内显示即可。

优选地，所述类型判断模块30，若所述动作事件是发生在所述浮动显示区域的浮动动作事件，所述类型判断模块进一步用于判断所述浮动动作事件是否为浮动点击事件；所述智能终端还包括：放大元素获取模块50，与所述类型判断模块30电连接，用于获取所述浮动点击事件对应的放大显示元素；对应信息获取模块60，与所述放大元素获取模块50、所述执行模块40电连接，当所述放大元素获取模块获取了所述浮动点击事件对应的放大显示元素时，所述对应信息获取模块根据所述放大显示元素和所述浮动点击事件，得到所述放大显示元素对应的所述原始显示元素和所述浮动点击事件对应的所述原始点击事件。

具体的，当用户在浮动显示区域对浮动页面点击时，即在浮动显示区域内执行了浮动点击事件，浮动显示区域内的浮动页面与原始显示区域内的原始页面是相互关联的，点击了浮动页面上的内容，就意味着点击了原始页面上相应的内容，因此，原始页面会执行相应的显示操作。关联性地设置保证了用户在浏览浮动显示区中的放大显示元素时，不需要再返回原始页面寻找自己想要的原始放大元素进行相应的操作，可以直接在浮动显示区域上操作，方便、快捷，大大提高了用户的满意度。

本发明还提供另一个实施例，如图4所示，一种智能终端，包括：监听模块10，用于监听在浏览器的显示区域上是否存在动作事件；其中，所述显示区域包括：原始显示区域和浮动显示区域；事件判断模块20，与所述监听模块电连接，当所述监听模块监听到在浏览器的显示区域上存在动作事件时，所述事件判断模块获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件；类型判断模块30，与所述事件判断模块电连接，若所述动作事件为所述原始动作事件，所述类型判断模块用于判断所述原始动作事件的事件类型；以及，判断所述原始动作事件是否是原始滚动事件；以及，若所述动作事件是发生在所述浮动显示区域的浮动动作事件，所述类型判断模块进一步用于判断所述浮动动作事件是否为浮动点击事件；放大元素获取模块50，与所述类型判断模块电连接，用于获取所述浮动点击事件对应的放大显示元素；对应信息获取模块60，与所述放大元素获取模块50、所述执行模块电40连接，当所述放大元素获取模块获取了所述浮动点击事件对应的放大显示元素时，所述对应信息获取模块根据所述放大显示元素和所述浮动点击事件，得到所述放大显示元素对应的所述原始显示元素和所述浮动点击事件对应的所述原始点击事件；执行模块40，与所述类型判断模块，所述执行模块用于根据所述原始动作事件的事件类型，执行相应的显示操作；所述执行模块40包括：原始元素获取子模块41，当所述原始动作事件不是原始滚动事件，而是原始点击事件时，所述原始元素获取子模块用于获取所述原始点击事件对应的原始显示元素；点击执行子模块42，当所述原始元素获取子模块获取了所述原始点击事件对应的原始显示元素时，所述点击执行子模块根据所述原始点击事件和对应的所述原始显示元素，在所述原始页面上执行相应的响应操作，且隐藏所述浮动显示区域；页面滚动子模块43，当所述原始动作事件是所述原始滚动事件时，所述页面滚动子模块控制在所述原始显示区域的所述原始页面进行页面滚动；边界判断子模块44，当所述页面滚动子模块控制所述原始页面进行页面滚动时，所述边界判断子模块判断所述原始页面进行页面滚动时是否到达所述原始页面的边界处；页面增加子模块45，当所述边界判断子模块判断所述原始页面到达所述原始页面的边界处时，所述页面增加子模块在所述原始页面的边界处增加空白页面，使所述原始页面的边界处到达所述原始显示区域中的预设区域；元素提取子模块46，当所述原始页面的页面滚动停止时，所述元素提取子模块在所述原始显示区域的所述预设区域中提取所述原始页面的原始显示元素；元素放大子模块47，当所述元素提取子模块提取了所述原始显示元素后，所述元素放大子模块将提取的所述原始显示元素按预设规则放大，得到对应的放大显示元素形成的浮动页面；浮动显示子模块48，当所述浮动页面形成后，所述浮动显示子模块将所述浮动页面在所述浮动显示区域中显示。

具体的，默认的浮动显示区域为透明，即不显示；只有在原始页面停止滚动或点击等操作时(可以理解为原始页面静止时)，会提取预设区域内的原始显示元素进行放大并在浮动显示区域上显示。当用户在浮动显示区域内输入浮动点击事件、浮动滚动事件等操作时，浮动显示区域会把这些动作事件传递回原始页面对应位置的组件进行处理；当用户在浮动显示区域内输入浮动移动事件时，会对浮动页面进行移动，以便于用户查看完整的放大显示元素；当用户在浮动显示区域外输入原始点击事件或者原始滚动事件等操作时，浮动显示区域会被设定为透明状态，从而不影响用户对全局原始页面的动作事件的输入。经过这样的处理，当用户在小屏幕上浏览页面时，会自动将显示屏上一定区域的显示元素动态放大，用户更方便观看字体较小、文字较多的页面，并且更容易点击到想要点击的页面组件；不会因浮动显示区域的放大操作，导致原始页面整体显示内容减少的情况发生；大大提高了用户的使用体验。

应当说明的是，上述实施例均可根据需要自由组合。以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种基于智能终端的页面显示方法，其特征在于，包括：

步骤S10监听在浏览器的显示区域上是否存在动作事件，若是，则执行步骤S20；

其中，所述显示区域包括：原始显示区域和浮动显示区域；

步骤S20获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件，若是，则执行步骤S30；

步骤S30判断所述原始动作事件的事件类型；

步骤S40根据所述原始动作事件的事件类型，执行相应的显示操作。

2.如权利要求1所述的基于智能终端的页面显示方法，其特征在于：

所述步骤S30具体包括：

步骤S31判断所述原始动作事件是否是原始滚动事件，若否，则所述原始动作事件为原始点击事件，执行步骤S41；

所述步骤S40包括：

步骤S41获取所述原始点击事件对应的原始显示元素；

步骤S42根据所述原始点击事件和对应的所述原始显示元素，在所述原始页面上执行相应的响应操作，且隐藏所述浮动显示区域。

3.如权利要求2所述的基于智能终端的页面显示方法，其特征在于：

所述步骤S31还包括：

若是，则执行步骤S43；

所述步骤S40还包括：

步骤S43根据所述原始滚动事件，在所述原始显示区域的所述原始页面进行页面滚动；

步骤S44判断所述原始页面进行页面滚动时是否到达所述原始页面的边界处，若是，则执行步骤S45，若否，则执行步骤S46；

步骤S45在所述原始页面的边界处增加空白页面，使所述原始页面的边界处到达所述原始显示区域中的预设区域；

步骤S46当所述原始页面的页面滚动停止时，在所述原始显示区域的所述预设区域中提取所述原始页面的原始显示元素；

步骤S47将提取的所述原始显示元素按预设规则放大，得到对应的放大显示元素形成的浮动页面；

步骤S48将所述浮动页面在所述浮动显示区域中显示。

4.如权利要求2或3所述的基于智能终端的页面显示方法，其特征在于：

所述步骤S20还包括：

若否，则所述动作事件是发生在所述浮动显示区域的浮动动作事件，执行步骤S50；

所述步骤S20之后还包括：

步骤S50判断所述浮动动作事件是否为浮动点击事件，若是，则执行步骤S60；

步骤S60获取所述浮动点击事件对应的放大显示元素；

步骤S61根据所述放大显示元素和所述浮动点击事件，得到所述放大显示元素对应的所述原始显示元素和所述浮动点击事件对应的所述原始点击事件，并执行步骤S42。

5.如权利要求3所述的基于智能终端的页面显示方法，其特征在于：

所述步骤S20还包括：

若否，则所述动作事件是发生在所述浮动显示区域的浮动动作事件，执行步骤S50；

所述步骤S20之后还包括：

步骤S50判断所述浮动动作事件是否为浮动点击事件，若否，则所述浮动动作事件是浮动滑动事件，执行步骤S70；

所述步骤S50之后还包括：

步骤S70判断所述浮动滑动事件是否为浮动滚动事件，若是，则执行步骤S71；

步骤S71获取所述浮动滚动事件对应的所述原始滚动事件，并执行步骤S43。

6.如权利要求5所述的基于智能终端的页面显示方法，其特征在于：

所述步骤S70还包括：

若否，则所述浮动滑动事件为浮动移动事件，执行步骤S72；

步骤S72根据所述浮动移动事件，在所述浮动显示区域的浮动页面进行页面移动。

7.一种采用上述权利要求1-6任一所述的基于智能终端的页面显示方法的智能终端，其特征在于，包括：

监听模块，用于监听在浏览器的显示区域上是否存在动作事件；

其中，所述显示区域包括：原始显示区域和浮动显示区域；

事件判断模块，与所述监听模块电连接，当所述监听模块监听到在浏览器的显示区域上存在动作事件时，所述事件判断模块获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件；

类型判断模块，与所述事件判断模块电连接，若所述动作事件为所述原始动作事件，所述类型判断模块用于判断所述原始动作事件的事件类型；

执行模块，与所述类型判断模块，所述执行模块用于根据所述原始动作事件的事件类型，执行相应的显示操作。

8.如权利要求7所述的智能终端，其特征在于：

所述类型判断模块，进一步用于判断所述原始动作事件是否是原始滚动事件；

所述执行模块包括：

原始元素获取子模块，当所述原始动作事件不是原始滚动事件，而是原始点击事件时，所述原始元素获取子模块用于获取所述原始点击事件对应的原始显示元素；

点击执行子模块，当所述原始元素获取子模块获取了所述原始点击事件对应的原始显示元素时，所述点击执行子模块根据所述原始点击事件和对应的所述原始显示元素，在所述原始页面上执行相应的响应操作，且隐藏所述浮动显示区域。

9.如权利要求8所述的智能终端，其特征在于，所述执行模块还包括：

页面滚动子模块，当所述原始动作事件是所述原始滚动事件时，所述页面滚动子模块控制在所述原始显示区域的所述原始页面进行页面滚动；

边界判断子模块，当所述页面滚动子模块控制所述原始页面进行页面滚动时，所述边界判断子模块判断所述原始页面进行页面滚动时是否到达所述原始页面的边界处；

页面增加子模块，当所述边界判断子模块判断所述原始页面到达所述原始页面的边界处时，所述页面增加子模块在所述原始页面的边界处增加空白页面，使所述原始页面的边界处到达所述原始显示区域中的预设区域；

元素提取子模块，当所述原始页面的页面滚动停止时，所述元素提取子模块在所述原始显示区域的所述预设区域中提取所述原始页面的原始显示元素；

元素放大子模块，当所述元素提取子模块提取了所述原始显示元素后，所述元素放大子模块将提取的所述原始显示元素按预设规则放大，得到对应的放大显示元素形成的浮动页面；

浮动显示子模块，当所述浮动页面形成后，所述浮动显示子模块将所述浮动页面在所述浮动显示区域中显示。

10.如权利要求8或9所述的智能终端，其特征在于：

所述类型判断模块，若所述动作事件是发生在所述浮动显示区域的浮动动作事件，所述类型判断模块进一步用于判断所述浮动动作事件是否为浮动点击事件；

所述智能终端还包括：

放大元素获取模块，与所述类型判断模块电连接，用于获取所述浮动点击事件对应的放大显示元素；

对应信息获取模块，与所述放大元素获取模块、所述执行模块电连接，当所述放大元素获取模块获取了所述浮动点击事件对应的放大显示元素时，所述对应信息获取模块根据所述放大显示元素和所述浮动点击事件，得到所述放大显示元素对应的所述原始显示元素和所述浮动点击事件对应的所述原始点击事件。