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

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

【技术实现步骤摘要】

本专利技术涉及智能终端显示领域，尤其涉及一种基于智能终端的页面显示方法及智能终端。
技术介绍
随着智能终端的大面积普及，使用智能终端来浏览网页的行为逐渐多过在电脑上浏览网页的行为次数。而相比于电脑屏幕，智能终端的屏幕必然要小于电脑屏幕，在智能终端等其他具有小屏幕的显示设备上浏览和操作网页非常不方便，特别是针对视力有障碍的用户来说，浏览小屏幕上的内容非常不便。针对这个问题，目前已出现的改进性方案主要是：通过整体放大浏览器页面的显示比例，通过抓捏手势的操作方法来放大、缩小页面；这种方案能提升小屏幕终端设备网页浏览的体验度，但却有其固有缺陷：整体放大页面，会导致页面可视内容变少，放大倍数越大，显示内容越少；页面整体放大，不便于用户观看页面的整体情况，大大降低了用户的使用体验。
技术实现思路
本专利技术的目的是提供一种基于智能终端的页面显示方法及智能终端，在放大浏览器页面的同时，便于让用户得到页面的整体情况信息，达到提高用户使用体验的目的。本专利技术提供的技术方案如下：一种基于智能终端的页面显示方法，包括：步骤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根据所述浮动移动事件，在所述浮动显示区域的浮动页面进行页面移动。在上述技术方案中，浮动页面中的放大显示元素是根据原始显示元素进行等比例放大而形成的，因此，浮动页面必然不能适应整个浮动显示区域，会有一部分内容溢出，这时候就可以通过浮动移动事件来看到完整的放大的浮动页面。本专利技术还提供一种智能终端，包括：监听模块，用于监听在浏览器的显示区域上是否存在动作事件；其中，所述显示区域包括：原始显示区域和浮动显示区域；事件判断模块，与所述监听模块电连接，当所述监听模块监听到在浏览器的显示区域上存在动作事件时，所述事件判断模块获取并判断所述动作事件是否是发生在所述原始显示区域的原始动作事件；类型判断模块，与所述事件判断模块电连接，若所述动作事件为所述原始动作事件，所述类型判断模块用于判断所述原始动作事件的事件类型；执行模块，与所述类型判断模块，所述执行模块用于根据所述原始动作事件的事件类型，执行相应的显示操作。在上述技术方案中，智能终端打开浏览器后，其原始显示区域和浮动显示区域的设置保证了既可以有整体的原始页面的浏览，也保证了放大的浮动页面有地方可以进行显示，便于了用户的浏览，特别是针对视力不好的用户来说，在掌握整体原始页面的同时，也可以更清楚地看到原始页面上的内容。进一步，所述类型本文档来自技高网...

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

【技术特征摘要】
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根据所述浮动移动事件，在所述浮动显示区域的浮动页面进...

【专利技术属性】
技术研发人员：邓向涛，
申请(专利权)人：上海斐讯数据通信技术有限公司，
类型：发明
国别省市：上海;31