本公开涉及一种网页数据处理的方法、装置、电子设备及介质，上述方法可应用于前端开发领域，上述网页数据处理的方法包括：接收网页访问请求；根据上述网页访问请求，从服务器获取目标网页文件，上述目标网页文件携带的信息包括：背景页面信息，待加载元素的元素标识；根据上述背景页面信息进行显示，得到基础网页；根据上述待加载元素的元素标识，从上述服务器获取对应的目标元素；以及将上述目标元素在上述基础网页中进行加载和显示，得到目标网页。基于网页的拆分处理，通过基础网页的显示和在基础网页中实时加载各个网页元素后对应进行更新显示，能够确保网页快速显示而且显示效果正常，有效降低白屏等待时间，有助于提升用户体验。用户体验。用户体验。
【技术实现步骤摘要】
网页数据处理的方法、装置、电子设备及介质
[0001]本公开涉及前端开发
，尤其涉及一种网页数据处理的方法、装置、电子设备及介质。
技术介绍
[0002]终端设备的应用程序(APP)在开发过程中，为了实时动态变更页面、避免发版更新APP，经常会采用网络(Web)技术开发网页应用。
[0003]然而，和原生开发页面相比，由于网页需要从服务端下载和渲染等原因，导致在终端设备下载和渲染较复杂的页面时，经常出现白屏等待或者显示不正常的问题，造成了不好的用户体验。
技术实现思路
[0004]为了解决上述技术问题或者至少部分地解决上述技术问题，本公开的实施例提供了一种网页数据处理的方法、装置、电子设备及介质。
[0005]第一方面，本公开的实施例提供了一种网页数据处理的方法。上述网页数据处理的方法包括：接收网页访问请求；根据上述网页访问请求，从服务器获取目标网页文件，上述目标网页文件携带的信息包括：背景页面信息，待加载元素的元素标识；根据上述背景页面信息进行显示，得到基础网页；根据上述待加载元素的元素标识，从上述服务器获取对应的目标元素；以及将上述目标元素在上述基础网页中进行加载和显示，得到目标网页。
[0006]根据本公开的实施例，上述目标网页文件还携带有：待加载元素的总个数信息；其中，根据上述待加载元素的元素标识，从上述服务器获取对应的目标元素，包括：根据上述待加载元素的总个数信息，创建多个线程；为上述多个线程分配各自对应的待加载元素的元素标识，得到对应关系；基于上述对应关系，各个线程根据各自对应的待加载元素的元素标识，从上述服务器获取各自对应的目标元素。
[0007]根据本公开的实施例，上述目标网页文件携带的信息还包括：待加载元素的加载位置信息。其中，将上述目标元素在上述基础网页中进行加载和显示，得到目标网页，包括：根据上述待加载元素的加载位置信息，将上述目标元素在上述基础网页中对应进行加载和显示，得到目标网页。
[0008]根据本公开的实施例，上述元素标识是根据网页地址信息和元素信息进行运算后生成的用于区分各个元素的唯一标识。
[0009]第二方面，本公开的实施例提供了一种网页数据处理的方法。上述网页数据处理的方法包括：接收网页文件部署包；对上述网页文件部署包中的一个或多个网页文件进行元素和背景网页的拆分处理，得到背景网页文件和网页元素；其中上述背景网页文件携带的信息包括：背景页面信息，待加载元素的元素标识；当接收到终端设备请求获取目标网页文件的网页访问请求时，将对应的背景网页文件发送给上述终端设备；当接收到上述终端设备请求获取目标元素的元素获取请求时，将对应的网页元素发送给上述终端设备。
[0010]根据本公开的实施例，对上述网页文件部署包中的一个或多个网页文件进行元素和背景网页的拆分处理，得到背景网页文件和网页元素，包括：针对上述网页文件部署包中的一个或多个网页文件中的每个网页文件，对当前网页文件进行解析，得到当前网页文件包含的各个元素的元素信息；根据上述当前网页文件的网页地址信息和上述元素信息进行运算，生成每个元素对应的元素标识；将上述一个或多个网页文件中的元素基于元素标识进行存储，得到存储后的网页元素；将上述一个或多个网页文件所包含的元素替换为对应的元素标识，得到背景网页文件。
[0011]根据本公开的实施例，对当前网页文件进行解析，得到当前网页文件包含的各个元素的元素信息，包括：对上述当前网页文件进行代码语法解析，得到语法解析结果；根据包含标签、名称或属性中至少一个的元素关键信息，在上述语法解析结果中逐行查找上述网页文件所包含的各个元素；提取得到上述网页文件包含的上述各个元素的元素信息。
[0012]根据本公开的实施例，对当前网页文件进行解析，得到当前网页文件包含的各个元素的元素信息之外，还包括：根据上述语法解析结果，得到当前网页文件包含的各个元素的加载位置信息。
[0013]根据本公开的实施例，根据上述当前网页文件的网页地址信息和上述元素信息进行运算，生成每个元素对应的元素标识，包括：将上述网页地址信息和上述各个元素的元素信息的哈希值进行拼接，生成每个元素对应的元素标识。
[0014]根据本公开的实施例，上述对上述网页文件部署包中的一个或多个网页文件进行元素和背景网页的拆分处理，得到背景网页文件和网页元素，还包括：确定上述当前网页文件包含的元素的总个数信息；将上述总个数信息写入至上述背景网页文件的头文件。
[0015]第三方面，本公开的实施例提供了一种网页数据处理的装置。上述网页数据处理的装置包括：请求接收模块、网页文件获取模块、显示模块和元素获取模块。上述请求接收模块用于接收网页访问请求。上述网页文件获取模块用于根据上述网页访问请求，从服务器获取目标网页文件，上述目标网页文件携带的信息包括：背景页面信息，待加载元素的元素标识。上述显示模块用于根据上述背景页面信息进行显示，得到基础网页。上述元素获取模块用于根据上述待加载元素的元素标识，从上述服务器获取对应的目标元素。上述显示模块还用于将上述目标元素在上述基础网页中进行加载和显示，得到目标网页。
[0016]第四方面，本公开的实施例提供了一种网页数据处理的装置。上述网页数据处理的装置包括：部署包接收模块、拆分处理模块、文件发送模块和元素发送模块。上述部署包接收模块用于接收用户上传的网页文件部署包。上述拆分处理模块用于对上述网页文件部署包中的一个或多个网页文件进行元素和背景网页的拆分处理，得到背景网页文件和网页元素；其中上述背景网页文件携带的信息包括：背景页面信息，待加载元素的元素标识。上述文件发送模块用于在接收到终端设备请求获取目标网页文件的网页访问请求的情况下，将对应的背景网页文件发送给上述终端设备。上述元素发送模块用于在接收到上述终端设备请求获取目标元素的元素获取请求的情况下，将对应的网页元素发送给上述终端设备。
[0017]第五方面，本公开的实施例提供了一种电子设备。上述电子设备包括处理器、通信接口、存储器和通信总线，其中，处理器、通信接口和存储器通过通信总线完成相互间的通信；存储器，用于存放计算机程序；处理器，用于执行存储器上所存放的网页数据处理的方法。
[0018]第六方面，本公开的实施例提供了一种计算机可读存储介质。上述计算机可读存储介质上存储有计算机程序，上述计算机程序被处理器执行时实现如上所述的网页数据处理的方法。
[0019]本公开实施例提供的上述技术方案至少具有如下优点的部分或全部：
[0020]通过将网页文件进行元素和背景网页的拆分处理，在响应于网页访问请求时，获取到的目标网页文件为背景网页文件，包括：背景页面信息和待加载的元素标识，进一步根据上述背景页面信息进行显示，得到基础网页，上述基础网页(可以具有预设的样式，例如预设图案和颜色等)的即时展示能够避免白屏现象并提升用户的体验感；进一步根据上述待加载元素的元素标识，从服务器获取对应的目标元素，并将上述目标元素在上述基础网页中进行加载和显示，得到目标网页；通过基础本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种网页数据处理的方法，其特征在于，包括：接收网页访问请求；根据所述网页访问请求，从服务器获取目标网页文件，所述目标网页文件携带的信息包括：背景页面信息，待加载元素的元素标识；根据所述背景页面信息进行显示，得到基础网页；根据所述待加载元素的元素标识，从所述服务器获取对应的目标元素；以及将所述目标元素在所述基础网页中进行加载和显示，得到目标网页。2.根据权利要求1所述的方法，其特征在于，所述目标网页文件还携带有：待加载元素的总个数信息；其中，所述根据所述待加载元素的元素标识，从所述服务器获取对应的目标元素，包括：根据所述待加载元素的总个数信息，创建多个线程；为所述多个线程分配各自对应的待加载元素的元素标识，得到对应关系；基于所述对应关系，各个线程根据各自对应的待加载元素的元素标识，从所述服务器获取各自对应的目标元素。3.根据权利要求1所述的方法，其特征在于，所述目标网页文件携带的信息还包括：待加载元素的加载位置信息；其中，所述将所述目标元素在所述基础网页中进行加载和显示，得到目标网页，包括：根据所述待加载元素的加载位置信息，将所述目标元素在所述基础网页中对应进行加载和显示，得到目标网页。4.根据权利要求1所述的方法，其特征在于，所述元素标识是根据网页地址信息和元素信息进行运算后生成的用于区分各个元素的唯一标识。5.一种网页数据处理的方法，其特征在于，包括：接收网页文件部署包；对所述网页文件部署包中的一个或多个网页文件进行元素和背景网页的拆分处理，得到背景网页文件和网页元素；其中所述背景网页文件携带的信息包括：背景页面信息，待加载元素的元素标识；当接收到终端设备请求获取目标网页文件的网页访问请求时，将对应的背景网页文件发送给所述终端设备；当接收到所述终端设备请求获取目标元素的元素获取请求时，将对应的网页元素发送给所述终端设备。6.根据权利要求5所述的方法，其特征在于，所述对所述网页文件部署包中的一个或多个网页文件进行元素和背景网页的拆分处理，得到背景网页文件和网页元素，包括：针对所述网页文件部署包中的一个或多个网页文件中的每个网页文件，对当前网页文件进行解析，得到当前网页文件包含的各个元素的元素信息；根据所述当前网页文件的网页地址信息和所述元素信息进行运算，生成每个元素对应的元素标识；将所述一个或多个网页文件中的元素基于元素标识进行存储，得到存储后的网页元素；
将所述一个或多个网页文件所包含的元素替换为对应的元素标识，得到背景网页文件。7.根据权利要求6所述的方法，其特征在于，所述对当前网页文件进行解析，得到当前网页文件包含的各个元素的元素信息，包括：对所述当前网页文件进行代码语法解析，得到语法解...
【专利技术属性】
技术研发人员：张发星，
申请(专利权)人：京东科技信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。