[发明专利]一种基于智能终端的页面显示方法及智能终端

说明书

技术领域

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

背景技术

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

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

发明内容

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

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

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

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

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

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

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

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