用于显示网页内容的方法、电子设备及存储介质技术

本发明专利技术公开了一种用于显示网页内容的方法、电子设备及存储介质，所述方法包括：在利用预设的第一组件显示当前网页内容期间，当接收到网页内容重渲染请求时，利用预设的第二组件响应所述网页内容重渲染请求，以获取待显示的目标网页内容；基于所述第二组件，渲染所述目标网页内容；在所述目标网页内容被成功渲染时，隐藏所述第一组件，以切换到利用所述第二组件显示所述目标网页内容，本公开能够利用第二组件作为现有技术中第一组件渲染过程的缓冲，确保第一组件渲染过程被隐藏，从而避免可视化渲染过程导致的闪跳现象。视化渲染过程导致的闪跳现象。视化渲染过程导致的闪跳现象。

【技术实现步骤摘要】
用于显示网页内容的方法、电子设备及存储介质


[0001]本公开涉及互联网领域，尤其涉及一种用于显示网页内容的方法、电子设备及存储介质。

技术介绍

[0002]为了方便阅读，目前有多种形式来阅读电子书，例如APP(Application，应用程序)和网页，其中，在APP上可以使用客户端引擎对电子阅读页面进行渲染，实现较佳的显示效果；在网页中加载H5(Hyper Text Markup Language 5，第5版超文本标记语言)页面作为阅读页，也可以实现对电子书的阅读。
[0003]然而，当用户切换H5阅读页的章节或者重新设置H5阅读页的显示属性，例如字号等时，由于只有一个组件既对当前内容进行显示，又对切换后或设置后内容进行渲染，会有抹去当前内容并显示渲染后的内容的步骤；或者，通过同一个组件先利用切换后或设置后内容替换当前内容，再进行渲染的步骤，而上述步骤均产生由可视化渲染步骤导致的闪跳现象，例如，在从第一章切换至第二章时，容易导致在客户端切换显示的过程中会出现空白页停留的视觉效果，降低了针对H5阅读页的用户阅读体验。

技术实现思路

[0004]为了解决上述技术问题或者至少部分地解决上述技术问题，本公开的实施例提供了一种用于显示网页内容的方法、电子设备及存储介质。
[0005]第一方面，本公开的实施例提供了一种用于显示网页内容的方法。上述用于显示网页内容的方法包括：在利用预设的第一组件显示当前网页内容期间，当接收到网页内容重渲染请求时，利用预设的第二组件响应所述网页内容重渲染请求，以获取待显示的目标网页内容；基于所述第二组件，渲染所述目标网页内容；在所述目标网页内容被成功渲染时，隐藏所述第一组件，以切换到利用所述第二组件显示所述目标网页内容。
[0006]第二方面，本公开的实施例提供了一种电子设备。该电子设备例如为服务器。上述电子设备包括处理器、通信接口、存储器和通信总线，其中，处理器、通信接口和存储器通过通信总线完成相互间的通信；存储器，用于存放至少一可执行指令，上述可执行指令使得上述处理器执行以下步骤：在利用预设的第一组件显示当前网页内容期间，当接收到网页内容重渲染请求时，利用预设的第二组件响应所述网页内容重渲染请求，以获取待显示的目标网页内容；基于所述第二组件，渲染所述目标网页内容；在所述目标网页内容被成功渲染时，隐藏所述第一组件，以切换到利用所述第二组件显示所述目标网页内容。
[0007]根据本公开的实施例，上述第一方面提供的用于显示网页内容的方法中或上述第二方面提供的电子设备中，所述目标网页内容被成功渲染通过以下步骤确认：获取所述目标网页内容被成功渲染的预测时长；计算渲染所述目标网页内容的累计时长；当所述累计时长达到所述预测时长时，确认所述目标网页内容被成功渲染。
[0008]根据本公开的实施例，上述第一方面提供的用于显示网页内容的方法中或上述第
二方面提供的电子设备中，所述第一组件与所述第二组件均包括List组件和swiper组件中的至少一种。
[0009]根据本公开的实施例，上述第一方面提供的用于显示网页内容的方法中或上述第二方面提供的电子设备中，所述网页内容重渲染请求包括调整网页内容的显示属性和 /或切换至新的网页内容的章节的请求。
[0010]根据本公开的实施例，上述第一方面提供的用于显示网页内容的方法中，所述第二组件包括所述第一组件的部分属性，所述方法还包括：在利用所述第二组件显示所述目标网页内容期间，基于所述第一组件，渲染所述目标网页内容；在所述目标网页内容被成功渲染时，隐藏所述第二组件，以切换到利用所述第一组件显示所述目标网页内容。
[0011]根据本公开的实施例，上述第二方面提供的电子设备中，所述第二组件包括所述第一组件的部分属性，所述可执行指令还使得所述处理器执行以下步骤：在利用所述第二组件显示所述目标网页内容期间，基于所述第一组件，渲染所述目标网页内容；在所述目标网页内容被成功渲染时，隐藏所述第二组件，以切换到利用所述第一组件显示所述目标网页内容。
[0012]根据本公开的实施例，上述第一方面提供的用于显示网页内容的方法中或上述第二方面提供的电子设备中，所述渲染所述目标网页内容包括：对所述目标网页内容的进行页面分页渲染重排版和渲染操作。
[0013]根据本公开的实施例，上述第一方面提供的用于显示网页内容的方法中或上述第二方面提供的电子设备中，所述第一组件具备渲染属性和交互属性，所述第二组件具备渲染属性，其中所述第一组件与所述第二组件所具备的渲染属性相同。
[0014]根据本公开的实施例，上述第一方面提供的用于显示网页内容的方法中或上述第二方面提供的电子设备中，所述网页内容为电子书籍的章节内容。
[0015]第三方面，本公开的实施例提供了一种计算机可读存储介质。上述计算机可读存储介质上存储有计算机程序，上述计算机程序被处理器执行时实现如上所述的用于显示网页内容的方法。
[0016]上述实施例中的一个或多个技术方案至少具有如下优点的部分或全部：
[0017]在利用预设的第一组件显示当前网页内容期间，基于所述第二组件，渲染所述目标网页内容；在所述目标网页内容被成功渲染时，隐藏所述第一组件，以切换到利用所述第二组件显示所述目标网页内容，能够在切换显示内容之前，利用第二组件对切换后的显示内容完成渲染，再显示第二组件渲染后的网页内容，能够利用第二组件作为现有技术中第一组件渲染过程的缓冲，确保第一组件渲染过程被隐藏，从而避免可视化渲染过程导致的闪跳现象。
附图说明
[0018]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
[0019]为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0020]图1示意性地示出了适用于本公开实施例的用于显示网页内容的方法的系统架构；
[0021]图2示意性地示出了根据本公开实施例的用于显示网页内容的方法的流程图；
[0022]图3示意性地示出了根据本公开另一实施例的用于显示网页内容的方法的流程图；
[0023]图4示意性地示出了根据本公开又一实施例的用于显示网页内容的方法的流程图；以及
[0024]图5示意性示出了本公开实施例提供的电子设备的结构框图。
具体实施方式
[0025]本公开的实施例提供了一种用于显示网页内容的方法、电子设备及存储介质。上述用于显示网页内容的方法包括：在利用预设的第一组件显示当前网页内容期间，当接收到网页内容重渲染请求时，利用预设的第二组件响应所述网页内容重渲染请求，以获取待显示的目标网页内容；基于所述第二组件，渲染所述目标网页内容；在所述目标网页内容被成功渲染时，隐藏所述第一组件，以切换到利用所述第二组件显示所述目标网页内容。...

【技术保护点】

【技术特征摘要】
1.一种用于显示网页内容的方法，其特征在于，包括：在利用预设的第一组件显示当前网页内容期间，当接收到网页内容重渲染请求时，利用预设的第二组件响应所述网页内容重渲染请求，以获取待显示的目标网页内容；基于所述第二组件，渲染所述目标网页内容；在所述目标网页内容被成功渲染时，隐藏所述第一组件，以切换到利用所述第二组件显示所述目标网页内容。2.根据权利要求1所述的方法，其特征在于，所述目标网页内容被成功渲染通过以下步骤确认：获取所述目标网页内容被成功渲染的预测时长；计算渲染所述目标网页内容的累计时长；当所述累计时长达到所述预测时长时，确认所述目标网页内容被成功渲染。3.根据权利要求1所述的方法，其特征在于，所述第一组件与所述第二组件均包括List组件和swiper组件中的至少一种。4.根据权利要求1所述的方法，其特征在于，所述网页内容重渲染请求包括调整网页内容的显示属性的请求和/或切换至新的网页内容的请求。5.根据权利要求1所述的方法，其特征在于，所述第二组件包括所述第一组件的部分属性，所述方法还包括：在利用所述第二组件显示所述目标网页内容期间，基于所述第一组件，渲染所述目标网页内容；在所述目标网页内容被成功渲染时，隐藏所述第二组件，以切换到利用所述第一...

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