骨架页面生成方法、装置、设备和存储介质制造方法及图纸

本申请涉及一种骨架页面生成方法、装置、设备和存储介质。所述方法包括：获取实际页面内容；在所述实际页面内容中，识别骨架展示内容；获取所述骨架展示内容对应的骨架图形；生成所述实际页面内容的骨架页面；所述骨架页面包含有所述骨架图形。根据本申请实施例，网站开发人员无须需要针对不同的页面设计适配的骨架页面，提升了骨架页面的制作效率。

Skeleton page generation method, device, device and storage medium

This application relates to a skeleton page generation method, device, device and storage medium. The method includes: acquiring the actual page content; identifying the skeleton display content in the actual page content; acquiring the skeleton graphics corresponding to the skeleton display content; generating the skeleton page of the actual page content; and the skeleton page contains the skeleton graphics. According to the embodiment of this application, web developers need not design skeleton pages adapted to different pages, which improves the efficiency of skeleton pages.

【技术实现步骤摘要】
骨架页面生成方法、装置、设备和存储介质
本申请涉及交互智能平板领域，特别是涉及一种骨架页面生成方法、装置、设备和存储介质。
技术介绍
骨架屏技术越来越广泛地应用在目前的网站开发中。骨架屏技术是在具有实际内容的正式页面加载出来之前，先虚拟出一个骨架页面。该骨架页面中，在应该显示实际内容的区域展示一个特定图形，如灰色底色的矩形。通过骨架屏技术，避免了正式页面加载前仅有空白内容的展示，提升用户在等待页面加载的体验。目前，网站开发人员通常是根据正式页面中实际内容的页面布局和外观特征制作骨架页面。由于不同页面的实际内容的页面布局和外观特征可能不同，网站开发人员则需要针对不同的页面，设计适配的骨架页面。然而，一个网站中包含有大量的页面，网站开发人员针对大量的页面制作骨架页面时，需要逐一查看页面布局和外观特征，以设计出适配的骨架页面，耗费大量的人力物力和时间。因此，现有技术存在着骨架页面制作效率较低的问题。
技术实现思路
基于此，有必要针对上述技术问题，提供一种骨架页面生成方法、装置、计算机设备和存储介质。第一方面，提供了一种骨架页面生成方法，所述方法包括：获取实际页面内容；在所述实际页面内容中，识别骨架展示内容；获取所述骨架展示内容对应的骨架图形；生成所述实际页面内容的骨架页面；所述骨架页面包含有所述骨架图形。在其中一个实施例中，所述在所述实际页面内容中，识别骨架展示内容，包括：提取所述实际页面内容的内容代码；判断所述内容代码是否包含有骨架标签；若是，则确定所述实际页面内容为所述骨架展示内容。在其中一个实施例中，所述获取所述骨架展示内容对应的骨架图形，包括：确定所述骨架展示内容的外观特征；搜索与所述骨架展示内容的外观特征匹配的图形信息；确定所述图像信息对应的图形，作为所述骨架图形。在其中一个实施例中，所述生成所述实际页面内容的骨架页面，包括：生成初始骨架页面；确定所述骨架展示内容在所述初始骨架页面的展示区域；在所述初始骨架页面的展示区域中，添加所述骨架图形，得到所述骨架页面。在其中一个实施例中，还包括：采用所述实际页面内容，生成实际展示页面；发送所述骨架页面和所述实际展示页面至页面服务端；所述页面服务端用于在接收到页面浏览端的页面请求时，发送所述骨架页面至所述页面浏览端，并在发送所述骨架页面之后，发送所述实际展示页面至所述页面浏览端。在其中一个实施例中，所述采用所述实际页面内容，生成实际展示页面，包括：获取所述实际页面内容的页面样式；采用所述页面样式渲染所述实际页面内容，得到所述实际展示页面。第二方面，提供了一种骨架页面生成装置，所述装置包括：内容获取模块，用于获取实际页面内容；内容识别模块，用于在所述实际页面内容中，识别骨架展示内容；图形获取模块，用于获取所述骨架展示内容对应的骨架图形；页面生成模块，用于生成所述实际页面内容的骨架页面；所述骨架页面包含有所述骨架图形。在其中一个实施例中，所述内容识别模块，包括：代码提取子模块，用于提取所述实际页面内容的内容代码；标签判断子模块，用于判断所述内容代码是否包含有骨架标签；骨架内容确定子模块，用于确定所述实际页面内容为所述骨架展示内容。第三方面，提供了一种页面开发设备，其特征在于，包括：存储器、一个或多个处理器；所述存储器，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如下操作：获取实际页面内容；在所述实际页面内容中，识别骨架展示内容；获取所述骨架展示内容对应的骨架图形；生成所述实际页面内容的骨架页面；所述骨架页面包含有所述骨架图形。第四方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：获取实际页面内容；在所述实际页面内容中，识别骨架展示内容；获取所述骨架展示内容对应的骨架图形；生成所述实际页面内容的骨架页面；所述骨架页面包含有所述骨架图形。上述骨架页面生成方法、装置、设备和存储介质，通过在实际页面内容中确定骨架展示内容，获取骨架展示内容对应的骨架图形，生成包含有骨架图形的骨架页面，由此网站开发人员无须需要针对不同的页面设计适配的骨架页面，提升了骨架页面的制作效率。附图说明图1是本申请实施例一的一种骨架页面生成方法的流程图；图2是本申请实施例的一种骨架页面的示意图；图3是本申请实施例二的一种骨架页面生成方法的流程图；图4是本申请实施例的一种内容代码的示意图；图5是本申请实施例的一种实际展示页面的示意图；图6是本申请实施例三的一种骨架页面生成装置的结构示意图；图7是本申请实施例四的一种页面开发设备的结构示意图。具体实施方式为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。实施例一图1是本申请实施例一提供的一种骨架页面生成方法的流程图。本实施例提供的骨架页面生成方法可以由页面开发端执行，该页面开发端可以通过软件和/或硬件的方式实现，该页面开发端可以是两个或多个物理实体构成，也可以是一个物理实体构成。该页面开发端可以安装有骨架屏生成软件，页面开发端在运行骨架屏生成软件时，可以实现以下的骨架页面生成方法。具体的，参考图1，本申请实施例一的骨架页面生成方法，具体包括：步骤S110，获取实际页面内容。其中，实际页面内容可以为用于生成页面的页面代码。根据该页面代码可以生成实际展示给用户浏览的页面。具体实现中，页面开发端可以根据某个页面地址，获取对应的实际页面内容。例如，页面开发端可以根据URL(UniformResourceLocator，统一资源定位符)下载页面的HTML(HyperTextMarkupLanguage，超文本标记语言)，将该HTML作为实际页面内容。实际应用时，网站开发人员可以在编写好实际页面内容之后，确定存储该实际页面内容的地址，页面开发端的骨架屏生成软件在运行时，根据该地址下载实际页面内容。步骤S120，在所述实际页面内容中，识别骨架展示内容。其中，骨架展示内容可以为实际页面内容中将以骨架图形展示的内容。例如，骨架展示内容可以为在骨架页面中将以灰色图形展示的内容。具体实现中，可以预先针对需要在最终形成的骨架页面中以骨架图形展示的内容，添加骨架标签，由此得到了包含有多个骨架标签的实际页面内容。当需要生成骨架标签时，页面开发端遍历实际页面内容中的的骨架标签，将包含有骨架标签的实际页面内容，作为上述的骨架展示内容。例如，实际页面内容由各行页面代码组成，部分页面代码对应的页面内容，在骨架页面中需要以骨架图形展示，可以针对该部分页面代码添加一个sk＝true的骨架标签。在生成骨架页面时，遍历页面代码中的sk＝true，将添加有sk＝true的页面代码，作为上述的骨架展示内容。步骤S130，获取所述骨架展示内容对应的骨架图形。其中，骨架图形可以为骨架页面上所展示的、根据骨架展示内容的外观特征生成的图形。骨架展示内容的外观特征可以为内容布局、内容形状、内容大小等特征。具体实现中，由于不同的骨架展示内容具有不同的外观特征，因此，页面开发端可以根据骨架展示内容的外观特征，确定适配的骨架图形。例如，骨架展示内容的内容形状为矩形，其内容大小为500像素本文档来自技高网...

【技术保护点】
1.一种骨架页面生成方法，其特征在于，所述方法包括：获取实际页面内容；在所述实际页面内容中，识别骨架展示内容；获取所述骨架展示内容对应的骨架图形；生成所述实际页面内容的骨架页面；所述骨架页面包含有所述骨架图形。

【技术特征摘要】
1.一种骨架页面生成方法，其特征在于，所述方法包括：获取实际页面内容；在所述实际页面内容中，识别骨架展示内容；获取所述骨架展示内容对应的骨架图形；生成所述实际页面内容的骨架页面；所述骨架页面包含有所述骨架图形。2.根据权利要求1所述的方法，其特征在于，所述在所述实际页面内容中，识别骨架展示内容，包括：提取所述实际页面内容的内容代码；判断所述内容代码是否包含有骨架标签；若是，则确定所述实际页面内容为所述骨架展示内容。3.根据权利要求1所述的方法，其特征在于，所述获取所述骨架展示内容对应的骨架图形，包括：确定所述骨架展示内容的外观特征；搜索与所述骨架展示内容的外观特征匹配的图形信息；确定所述图像信息对应的图形，作为所述骨架图形。4.根据权利要求2所述的方法，其特征在于，所述生成所述实际页面内容的骨架页面，包括：生成初始骨架页面；确定所述骨架展示内容在所述初始骨架页面的展示区域；在所述初始骨架页面的展示区域中，添加所述骨架图形，得到所述骨架页面。5.根据权利要求1所述的方法，其特征在于，还包括：采用所述实际页面内容，生成实际展示页面；发送所述骨架页面和所述实际展示页面至页面服务端；所述页面服务端用于在接收到页面浏览端的页面请求时，发送所述骨架页面至所述页面浏览端，并在发送所述骨架页面之后，发送所述...

【专利技术属性】
技术研发人员：潘潇，
申请(专利权)人：广州视源电子科技股份有限公司，广州视睿电子科技有限公司，
类型：发明
国别省市：广东,44