CN109388763A - 网页文本内容显示方法和装置 - Google Patents

Abstract

本发明公开了一种网页文本内容显示方法和装置。该方法包括：判断是否接收到第一指令，第一指令用于调整网页页面的文本域的位置；在接收到第一指令之后，获取网页页面的文本域；将文本域移动到目标区域，其中，目标区域位于当前显示区域的中部。通过本发明，达到了方便阅读网页中的文本显示区域的效果。

Description

网页文本内容显示方法和装置

技术领域

本发明涉及网页领域，具体而言，涉及一种网页文本内容显示方法和装置。

背景技术

网页显示内容的主要目的就是为了向用户传递信息，但是一个页面显示的信息往往会分为多个区域，其中有一些区域的图片或者空白位置会占据很多屏幕显示区域，文本显示区域就只有一条，用户想要看到主要的文本内容就只能滑动网页才能看全，这样会使得主要文本显示区域比较小，视野比较受限制，阅读起来非常不便。

针对相关技术中文本显示区域比较小导致的阅读不便的问题，目前尚未提出有效的解决方案。

发明内容

本发明的主要目的在于提供一种网页文本内容显示方法和装置，以解决文本显示区域比较小导致的阅读不便的问题。

为了实现上述目的，根据本发明的一个方面，提供了一种网页文本内容显示方法，该方法包括：判断是否接收到第一指令，其中，所述第一指令用于调整网页页面的文本域的位置；在接收到所述第一指令之后，获取网页页面的文本域；将所述文本域移动到目标区域，其中，所述目标区域位于当前显示区域的中部。

进一步地，在将所述文本域移动到目标区域之后，所述方法还包括：扩大所述文本域的显示面积，得到扩大后的文本域。

进一步地，在将所述文本域移动到目标区域之后，所述方法还包括：根据所述文本域中文本的数量确定所述扩大后的文本域的显示面积；扩大所述文本域的显示面积包括：将所述文本域的四边中的至少一个向外扩展，得到所述扩大后的文本域。

进一步地，将所述文本域移动到目标区域包括：将所述文本域按照预设的动画显示效果移动到所述目标区域。

进一步地，将所述文本域按照预设的动画显示效果移动到所述目标区域包括：所述文本域按照先快后慢的速度移动到所述目标区域；所述目标区域的原有显示内容按照先慢后快的速度移出所述目标区域。

进一步地，在将所述文本域移动到目标区域之后，所述方法还包括：判断是否接收到第二指令，其中，所述第二指令用于还原所述网页页面的文本域的位置；在接收到所述第二指令之后，将所述文本域的显示位置恢复到原显示区域。

为了实现上述目的，根据本发明的另一方面，还提供了一种网页文本内容显示装置，该装置包括：判断单元，用于判断是否接收到第一指令，其中，所述第一指令用于调整网页页面的文本域的位置；获取单元，用于在接收到所述第一指令之后，获取网页页面的文本域；移动单元，用于将所述文本域移动到目标区域，其中，所述目标区域位于当前显示区域的中部。

进一步地，所述装置还包括：扩大单元，用于在将所述文本域移动到目标区域之后，扩大所述文本域的显示面积，得到扩大后的文本域。

为了实现上述目的，根据本发明的另一方面，还提供了一种存储介质，包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行本发明的网页文本内容显示方法。

为了实现上述目的，根据本发明的另一方面，还提供了一种处理器，用于运行程序，其中，所述程序运行时执行本发明的网页文本内容显示方法。

本发明通过判断是否接收到第一指令，第一指令用于调整网页页面的文本域的位置；在接收到第一指令之后，获取网页页面的文本域；将文本域移动到目标区域，其中，目标区域位于当前显示区域的中部，解决了文本显示区域比较小导致的阅读不便的问题，进而达到了方便阅读网页中的文本显示区域的效果。

附图说明

构成本申请的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的网页文本内容显示方法的流程图；

图2是根据本发明实施例的网页文本内容显示界面变化的示意图；以及

图3是根据本发明实施例的网页文本内容显示装置的示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

本发明实施例提供了一种网页文本内容显示方法。

图1是根据本发明实施例的网页文本内容显示方法的流程图，如图1所示，该方法包括以下步骤：

步骤S102：判断是否接收到第一指令，其中，第一指令用于调整网页页面的文本域的显示位置。

步骤S104：在接收到第一指令之后，获取网页页面的文本域。

步骤S106：将文本域移动到目标区域，其中，目标区域位于当前显示区域的中部。

该实施例采用判断是否接收到第一指令，其中，第一指令用于调整网页页面的文本域的显示位置，第一指令例如可以是全屏指令等；在接收到第一指令之后，获取网页页面的文本域及文本域中的文本；将文本域移动到目标区域，目标区域位于当前显示区域的中部，解决了文本显示区域比较小导致的阅读不便的问题，进而达到了方便阅读网页中的文本显示区域的效果。

在本发明实施例中，第一指令可以是用户通过点击屏幕上显示的第一触发标识发出的，网页页面的文本域是网页页面中主要文字的显示区域，有时为了页面显示效果更吸引人注意在屏幕的主要区域可能会有许多图片或者动画等，而网页主要文字内容可能仅有一小块区域，或者，网页页面上有多个文本显示区域分别显示不同的内容，如果用户想忽略图片仅想阅读主要文字区域，或者想要查看其中一个文本区域的内容，由于文本显示区域较小，视野受到限制，用户阅读非常不便，因此，在接收到第一指令之后，获取网页页面中的文本域及文本域中的文本，将文本域以及其中的文本移动到目标区域，目标区域是位于显示区域的中部的一个区域，由于每个网页的文本域以及文本文字内容的多少，对不同网页来说目标区域的大小可能不同。

作为一种可选的方案，在将文本域移动到目标区域之后，扩大文本域的显示面积，得到扩大后的文本域。在将文本域移动到目标区域之后，还可以根据文本域中的文本数量确定扩大后的文本域的显示面积。当第一指令为全屏指令时，文本域可以逐渐动态变化到全屏显示，如果文本内容较少，则只需要在屏幕中部区域显示文本文字即可，如果文本内容较多，则可以全屏显示文本文字，其中，文本文字的字体大小也可以根据文本内容的多少来设置，当文本内容少时，可以设置文字字体较大，当文本内容较多时，可以设置文本字体较小。将文本域移动到目标区域之后，文字字体可以比原有字体大，并且屏幕中部都显示文本内容，可以无需拖动网页寻找就能直观浏览到网页中的主要文本内容，方便用户浏览。

扩大文本域的显示面积可以是将文本域的四边中的至少一个向外扩展，得到扩大后的文本域，例如，文本域可能位于网页页面的任意位置，以文本域位于网页页面的右侧为例，若位于右侧且上下无法扩展，则先向目标区域的中部移动，再向左右扩展；若位于左侧且上下无法扩展，则先向目标区域的中部移动，再向左右扩展；若位于上侧且左右无法扩展，则先向目标区域的中部移动，再向上下扩展；若位于下侧且左右无法扩展，则先向目标区域的中部移动，再向上下扩展；若不贴近网页页面的边缘，则先向目标区域的中部移动，再向四周扩展，直至填充整个目标区域。

作为一种可选的实施方式，在将文本域移动到目标区域之后，将目标区域的原有内容移动到当前显示区域的四周或移出当前显示区域。文本域本身可能有一部分位于目标区域中，将目标区域中其他内容移出当前显示区域，如果文本域的内容比较多，当前目标区域占据的整个屏幕，则将原目标区域的内容移出当前显示区域，如果文本域的内容不多，当前目标区域只占据屏幕中间一部分，则可以将原目标区域的内容移动到当前显示区域的四周。

可选的，在将文本域移动到目标区域之前，需要先根据文本域计算目标区域的长度和宽度，得到计算结果之后，将文本域按照预设的动画显示效果移动到目标区域，其中，在移动过程中，文本域的宽度和距离显示区域左侧的距离同时改变。移动过程可以是速度均匀变化也可以是速度加快或减慢变化。

可选的，将文本域按照预设的动画显示效果移动到目标区域可以是：文本域按照先快后慢的速度移动到目标区域；目标区域的显示内容按照先慢后快的速度移出当前显示区域，其中，文本域的移动速度和目标区域的显示内容的移动速度的速度变化时间点为文本域和目标区域发生接触时。

预设的动画效果可以是：需要扩展的区域移动的速度先快后慢，移到屏幕外的区域移动速度先慢后快，切换时间点为二者接触时，致使整个效果看起来像是需要扩展显示的区域撞击需要移出屏幕的区域，致使前者速度变慢、后者速度变快。除此之外，也可以是其他类型的动画效果。通过加入动画效果可以使页面的变化更有趣味性，提高用户的体验。

可选的，在将文本域移动到目标区域之后，判断是否接收到第二指令，第二指令可以用于还原网页页面的文本域的位置，当第一指令为全屏指令时，第二指令可以是退出全屏的指令；在接收到退出全屏的指令之后，将文本域退出全屏显示，移动到原显示区域，并恢复目标区域的原有显示内容。

在用户通过全屏效果浏览完当前页面的文字内容之后，可以点击页面预设区域的退出(第二指令)的触发标识，第二指令的触发标识和第一指令的触发标识可以设置在同一位置，然后退出全屏效果，回到原有的页面效果，用户可以继续浏览，作为一种可选的实施方式，退出全屏效果的过程也可以采用动画效果，该动画效果可以正好与形成全屏效果时的动画相反，也可以是其他类型的动画效果。

本发明实施例还提供了一种优选实施方式，下面结合该优选实施方式对本发明实施例的技术方案进行说明。

图2是根据本发明实施例的网页文本内容显示界面变化的示意图，如图2所示，原有的页面中文本内容集中在页面的右侧，且当前屏幕无法显示完整，需要用户向下拉动才能浏览完全，为了让这种页面里主要文本阅读区域能一次性显示更多的内容、视野更开阔且显示效果更友好，将这个文本区域全屏展示，当点击页面中的全屏按钮时，文本会先移动到屏幕的中间，然后文本区域的宽度和离屏幕左侧的距离会同时改变，这样使文本区域看起来像是左右同时在展开的效果。

本发明实施例的网页文本内容显示方法可以作为一种动态全屏显示文本的方法，主要包括以下步骤：

1、点击内容1的全屏显示按钮后，将文本显示区域整体移动到屏幕的中间，此时大小不变。

2、计算文本区域最终需要显示的宽度和距离屏幕左侧的距离，得到目标文本显示区域。

3、设定文本从当前宽度变化到最终显示的宽度需要的时间间隔和变化的方式，例如，可以是线性变化或是加速、弹性变化等。

4、同时开始改变文本区域的宽度和文本区域左侧距离屏幕左侧的距离。

5、全屏显示完成，全屏按钮切换为缩小按钮，这是因为全屏之后，当用户阅读完内容之后，文本区域需要再缩放回原来的位置和大小，以不影响原来的屏幕显示方式和屏幕内容的完整性。

6、用户点击缩小按钮后发出退出全屏的指令，此时开始将文本域的宽度和距离屏幕左边的距离改变到原来的数值，然后移动到文本域在屏幕上原来的显示位置，将全屏按钮切换回全屏显示按钮。

7、在全屏实现过程中，当需要全屏显示的区域移动到屏幕中间时，原来占据屏幕其他区域的显示区域会同时移动到屏幕外，动画交互效果显示可以为，需要全屏的区域移动的速度先快后慢，移到屏幕外的区域移动速度先慢后快，切换时间点为二者接触时，使整个效果看起来像是需要全屏显示的区域撞击需要移出屏幕的区域，使前者速度变慢、后者速度变快。除此之外，也可以设置其他有趣的动画效果，所有动画效果均在本发明的保护范围内。

本发明实施例的网页文本内容显示方法对于需要向用户展示大量文字内容的屏幕具有重要的应用，会让用户阅读内容的视野更宽广，一次性能阅读更多的内容；并且动态交互效果能够提升用户的交互体验和阅读的趣味性，增强用户对系统的好感度。既解决了传统网页用户需要下拉才能看全文本操作不便的问题，又带来了有趣的动画效果，使显示效果更友好，增加用户的好感。

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

本发明实施例提供了一种网页文本内容显示装置，该网页文本内容显示装置可以用于执行本发明实施例的网页文本内容显示方法。

图3是根据本发明实施例的网页文本内容显示装置的示意图，如图3所示，该装置包括：

判断单元10，用于判断是否接收到第一指令，其中，第一指令用于调整网页页面的文本域的位置；

获取单元20，用于在接收到第一指令之后，获取网页页面的文本域；

移动单元30，用于将文本域移动到目标区域，其中，目标区域位于当前显示区域的中部。

可选的，该装置还包括：扩大单元，用于在将文本域移动到目标区域之后，扩大文本域的显示面积，得到扩大后的文本域。

该实施例采用判断单元10判断是否接收到第一指令，其中，第一指令用于调整网页页面的文本域的位置，获取单元20在接收到第一指令之后，获取网页页面的文本域；移动单元30将文本域移动到目标区域，其中，目标区域位于当前显示区域的中部，从而解决了文本显示区域比较小导致的阅读不便的问题，进而达到了方便阅读网页中的文本显示区域的效果。

所述网页文本内容显示装置包括处理器和存储器，上述判断单元、获取单元、第一移动单元、第二移动单元和计算单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来方便阅读网页中的文本显示区域。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本发明实施例提供了一种设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：

判断是否接收到第一指令，其中，第一指令用于调整网页页面的文本域的位置；在接收到第一指令之后，获取网页页面的文本域；将文本域移动到目标区域，其中，目标区域位于当前显示区域的中部。

扩大文本域的显示面积，得到扩大后的文本域。

根据文本域中文本的数量确定扩大后的文本域的显示面积；将文本域的四边中的至少一个向外扩展，得到扩大后的文本域。

将文本域移动到目标区域包括：将文本域按照预设的动画显示效果移动到目标区域。

文本域按照先快后慢的速度移动到目标区域；目标区域的原有显示内容按照先慢后快的速度移出目标区域。

判断是否接收到第二指令，其中，第二指令用于还原网页页面的文本域的位置；在接收到第二指令之后，将文本域的显示位置恢复到原显示区域。

本文中的设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：

判断是否接收到第一指令，其中，第一指令用于调整网页页面的文本域的位置；在接收到第一指令之后，获取网页页面的文本域；将文本域移动到目标区域，其中，目标区域位于当前显示区域的中部。

扩大文本域的显示面积，得到扩大后的文本域。

根据文本域中文本的数量确定扩大后的文本域的显示面积；将文本域的四边中的至少一个向外扩展，得到扩大后的文本域。

将文本域移动到目标区域包括：将文本域按照预设的动画显示效果移动到目标区域。

文本域按照先快后慢的速度移动到目标区域；目标区域的原有显示内容按照先慢后快的速度移出目标区域。

判断是否接收到第二指令，其中，第二指令用于还原网页页面的文本域的位置；在接收到第二指令之后，将文本域的显示位置恢复到原显示区域。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种网页文本内容显示方法，其特征在于，包括：

判断是否接收到第一指令，其中，所述第一指令用于调整网页页面的文本域的位置；

在接收到所述第一指令之后，获取网页页面的文本域；

将所述文本域移动到目标区域，其中，所述目标区域位于当前显示区域的中部。

2.根据权利要求1所述的方法，其特征在于，在将所述文本域移动到目标区域之后，所述方法还包括：

扩大所述文本域的显示面积，得到扩大后的文本域。

3.根据权利要求2所述的方法，其特征在于，

在将所述文本域移动到目标区域之后，所述方法还包括：根据所述文本域中文本的数量确定所述扩大后的文本域的显示面积；

扩大所述文本域的显示面积包括：将所述文本域的四边中的至少一个向外扩展，得到所述扩大后的文本域。

4.根据权利要求1所述的方法，其特征在于，

将所述文本域移动到目标区域包括：将所述文本域按照预设的动画显示效果移动到所述目标区域。

5.根据权利要求1所述的方法，其特征在于，将所述文本域按照预设的动画显示效果移动到所述目标区域包括：

所述文本域按照先快后慢的速度移动到所述目标区域；

所述目标区域的原有显示内容按照先慢后快的速度移出所述目标区域。

6.根据权利要求1所述的方法，其特征在于，在将所述文本域移动到目标区域之后，所述方法还包括：

判断是否接收到第二指令，其中，所述第二指令用于还原所述网页页面的文本域的位置；

在接收到所述第二指令之后，将所述文本域的显示位置恢复到原显示区域。

7.一种网页文本内容显示装置，其特征在于，包括：

判断单元，用于判断是否接收到第一指令，其中，所述第一指令用于调整网页页面的文本域的位置；

获取单元，用于在接收到所述第一指令之后，获取网页页面的文本域；

移动单元，用于将所述文本域移动到目标区域，其中，所述目标区域位于当前显示区域的中部。

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

扩大单元，用于在将所述文本域移动到目标区域之后，扩大所述文本域的显示面积，得到扩大后的文本域。

9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至6中任意一项所述的网页文本内容显示方法。

10.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行权利要求1至6中任意一项所述的网页文本内容显示方法。