页面显示方法、电子设备及存储介质技术

本公开涉及一种页面显示方法、电子设备及存储介质。其中，页面显示方法包括：获取目标页面对应的页面文件；根据页面文件检测目标页面是否为待配置高度的页面；若检测到目标页面为待配置高度的页面，将页面文件中与页面高度相关的第一元素容器的容器高度调整为预设高度值；基于调整后的页面文件，显示目标页面。根据本公开实施例，能够使得目标页面在页面高度方面正常的显示，提升用户体验。提升用户体验。提升用户体验。

【技术实现步骤摘要】
页面显示方法、电子设备及存储介质


[0001]本公开涉及计算机
，尤其涉及一种页面显示方法、电子设备及存储介质。

技术介绍

[0002]随着互联网的高速发展，在满足了大众可用性的基础上，用户体验显得越来越重要。在一些情况中，用户可以通过浏览器来观看移动终端上显示的一些页面，来获得不同观看体验。
[0003]但是在相关技术中，通过浏览器来观看移动终端上显示的一些页面时，例如电子书页面，通常将适配于移动终端的页面资源直接在浏览器上进行显示，导致出现一些页面不兼容的情况，如电子书的封面页、篇章页等文字较少的页面会出现无法占满整个屏幕等页面高度显示不正常的情况，影响用户体验。

技术实现思路

[0004]为了解决上述技术问题，本公开提供了一种页面显示方法、电子设备及存储介质。
[0005]第一方面，本公开提供了一种页面显示方法，包括：
[0006]获取目标页面对应的页面文件；
[0007]根据页面文件检测目标页面是否为待配置高度的页面；
[0008]若检测到目标页面为待配置高度的页面，将页面文件中与页面高度相关的第一元素容器的容器高度调整为预设高度值；
[0009]基于调整后的页面文件，显示目标页面。
[0010]第二方面，本公开提供了一种电子设备，包括处理器和存储器，存储器用于存储可执行指令，可执行指令使处理器执行以下操作：
[0011]获取目标页面对应的页面文件；
[0012]根据页面文件检测目标页面是否为待配置高度的页面；/>[0013]若检测到目标页面为待配置高度的页面，将页面文件中与页面高度相关的第一元素容器的容器高度调整为预设高度值；
[0014]基于调整后的页面文件，显示目标页面。
[0015]第三方面，本公开提供了一种计算机可读存储介质，该存储介质存储有计算机程序，当计算机程序被处理器执行时，使得处理器实现第一方面的页面显示方法。
[0016]本公开实施例提供的技术方案与现有技术相比具有如下优点：
[0017]本公开实施例的页面显示方法、电子设备及存储介质，能够在获取目标页面对应的页面文件后，根据该页面文件检测对应的目标页面是否为待配置高度的页面，若检测到目标页面为待配置高度的页面，则将页面文件中与页面高度相关的第一元素容器的容器高度调整为预设高度值，接着基于调整后的页面文件，显示目标页面，由于待配置高度的页面即为原本无法占满整个屏幕的页面，因此，能够对待配置高度的目标页面进行与页面高度相关的元素容器的高度调整，使得目标页面能够在页面高度方面正常的显示，提升用户体
验。
附图说明
[0018]结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
[0019]图1示出了相关技术中的一种电子书页面的显示示意图；
[0020]图2示出了相关技术中的另一种电子书页面的显示示意图；
[0021]图3示出了本公开实施例提供的一种页面显示方法的流程示意图；
[0022]图4示出了本公开实施例提供的一种电子书页面的显示示意图；
[0023]图5示出了本公开实施例提供的另一种电子书页面的显示示意图；
[0024]图6示出了本公开实施例提供的另一种页面显示方法的流程示意图；
[0025]图7示出了本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
[0026]下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
[0027]应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
[0028]本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
[0029]需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
[0030]需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
[0031]本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
[0032]在相关技术中，通过浏览器来观看移动终端上显示的一些页面时，通常将适配于移动终端的页面资源直接在浏览器上进行显示，导致出现一些页面不兼容的情况。
[0033]例如，图1示出了一种电子书页面的显示示意图。
[0034]如图1所示，在浏览器101中，显示有电子书封面页103，由于该电子书封面页103不适配于浏览器101，所以在浏览器101中，电子书封面页103的无法占满浏览器101中的页面102，导致电子书封面页103与下一页页面相连，出现页面高度显示不正常的情况，影响用户体验。
[0035]再例如，图2示出了另一种电子书页面的显示示意图。
[0036]如图2所示，在浏览器201中，显示有电子书篇章页203，由于该电子书篇章页203不适配于浏览器201，所以在浏览器201中，电子书篇章页203的无法占满浏览器201中的页面202，导致电子书篇章页203与下一页页面相连，出现页面高度显示不正常的情况，影响用户体验。
[0037]可见，上述的如封面页、篇章页等文字较少的页面会出现无法占满整个屏幕等页面高度显示不正常的情况，影响用户体验。
[0038]为了解决上述的问题，本公开实施例提供了一种能够使目标页面在页面高度方面正常显示的页面显示方法、电子设备及存储介质。
[0039]下面，首先结合图3
‑
6对本公开实施例提供的页面显示方法进行说明。
[0040]本公开实施例提供的页面显示方法，可以由能够提供页面显示功能的电子设备执行。其中，该电子设备可以包括但不限于诸如智能手机、笔记本电脑、个人数字助理(PDA)、平板电脑(PAD)、便携式多媒体播放器(PMP)、车载终端(例如车载导航终端)、可穿戴设备等的移动终端，以及诸如数字TV、台式计算机、智能家居设备等的固定终端。
[0041本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面显示方法，其特征在于，所述方法包括：获取目标页面对应的页面文件；根据所述页面文件检测所述目标页面是否为待配置高度的页面；若检测到所述目标页面为待配置高度的页面，将所述页面文件中与页面高度相关的第一元素容器的容器高度调整为预设高度值；基于调整后的页面文件，显示所述目标页面。2.根据权利要求1所述的方法，其特征在于，所述根据所述页面文件，检测所述目标页面是否为待配置高度的页面，包括：根据所述页面文件检测所述目标页面是否为封面页面；若检测到所述目标页面为封面页面，则确定所述目标页面为待配置高度的页面。3.根据权利要求2所述的方法，其特征在于，在所述根据所述页面文件检测所述目标页面是否为封面页面之后，所述方法还包括：若检测到所述目标页面不是封面页面，根据所述页面文件检测所述目标页面是否需要分页显示，得到第一检测结果；若所述第一检测结果为所述目标页面不需要分页显示，则确定所述目标页面为待配置高度的页面；若所述第一检测结果为所述目标页面需要分页显示，则确定所述目标页面不是待配置高度的页面。4.根据权利要求2所述的方法，其特征在于，在所述根据所述页面文件检测所述目标页面是否为封面页面之后，所述方法还包括：若检测到所述目标页面不是封面页面，根据所述页面文件检测所述目标页面是否需要分页显示，得到第一检测结果，以及，根据所述页面文件检测所述目标页面是否包含全屏背景图，得到第二检测结果；基于所述第一检测结果和所述第二检测结果，确定所述目标页面是否为待配置高度的页面。5.根据权利要求3至4中任一项所述的方法，其特征在于，所述根据所述页面文件检测所述目标页面是否需要分页显示，得到第一检测结果，包括：将所述页面文件输入至预设排版引擎中进行预排版，得到预排版结果；根据所述预...

【专利技术属性】
技术研发人员：于刚，孙上斌，
申请(专利权)人：掌阅科技股份有限公司，
类型：发明
国别省市：