网页骨架图的生成方法、装置、终端及存储介质制造方法及图纸

技术编号:26171470 阅读:40 留言:0更新日期:2020-10-31 13:43
本公开提供了一种网页骨架图的生成方法、装置、终端及存储介质,属于计算机技术领域。所述方法包括:读取指定网页的网页配置文件,网页配置文件包括指定网页的网页骨架图的结构属性代码,用于指示网页骨架图的结构;获取网页骨架图的样式代码和执行代码;将结构属性代码、样式代码及执行代码插入到指定网页中;在对指定网页进行显示时,根据样式代码、执行代码及结构属性代码,生成网页骨架图。本公开无需下载额外的浏览器,通过读取包括网页骨架图的结构属性代码的指定网页的网页配置文件,即可得到网页骨架图的结构,通过执行网页骨架图相关的代码,将网页骨架图相关代码插入到指定网页中,降低了网页骨架图生成时所消耗的存储资源。

Generating method, device, terminal and storage medium of web page skeleton diagram

【技术实现步骤摘要】
网页骨架图的生成方法、装置、终端及存储介质
本公开涉及计算机
,特别涉及一种网页骨架图的生成方法、装置、终端及存储介质。
技术介绍
在用户浏览网页的过程中,由于网页内容较多,刷新时可能会产生空白页,空白页的出现严重影响了网页显示效果,降低了用户的浏览体验。为了提升用户的浏览体验,在网页加载过程中,可先将网页大致样式即网页骨架图呈现给用户,当网页加载完成后,将网页内容填充到网页骨架图相应的占位区域中,使得用户能够浏览网页内容。目前,网页骨架图在生成时,一般采用如下方式:预先下载无头浏览器插件,该无头浏览器插件为一种没有用户界面的浏览器;基于无头浏览器插件打开HTML(HyperTextMarkupLanguage,超文本标记语言)网页;根据打开的HTML网页,生成网页骨架图代码;将网页骨架图代码插入到HTML网页中;在对HTML网页进行显示时,根据网页骨架图代码,生成网页骨架图。然而,由于需要下载无头浏览器,而无头浏览器占据的存储空间较大,导致生成网页骨架图消耗的存储资源较大。
技术实现思路
本公开实施例本文档来自技高网...

【技术保护点】
1.一种网页骨架图的生成方法,其特征在于,所述方法包括:/n读取指定网页的网页配置文件,所述网页配置文件包括所述指定网页的网页骨架图的结构属性代码,所述结构属性代码用于指示所述网页骨架图的结构;/n获取所述网页骨架图的样式代码和执行代码;/n将所述结构属性代码、所述样式代码及所述执行代码插入到所述指定网页中;/n在对所述指定网页进行显示时,根据所述样式代码、所述执行代码及所述结构属性代码,生成网页骨架图。/n

【技术特征摘要】
1.一种网页骨架图的生成方法,其特征在于,所述方法包括:
读取指定网页的网页配置文件,所述网页配置文件包括所述指定网页的网页骨架图的结构属性代码,所述结构属性代码用于指示所述网页骨架图的结构;
获取所述网页骨架图的样式代码和执行代码;
将所述结构属性代码、所述样式代码及所述执行代码插入到所述指定网页中;
在对所述指定网页进行显示时,根据所述样式代码、所述执行代码及所述结构属性代码,生成网页骨架图。


2.根据权利要求1所述的方法,其特征在于,所述根据所述样式代码、所述执行代码及所述结构属性代码,生成网页骨架图之后,还包括:
当检测到对所述网页配置文件的修改操作时,获取修改后的网页配置文件;
基于修改后的网页配置文件、所述网页样式代码及所述执行代码,生成新的网页骨架图。


3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当检测到所述网页骨架图的显示时间达到预设时间时,控制所述网页骨架图消失。


4.根据权利要求3所述的方法,其特征在于,所述当检测到所述网页骨架图的显示时间达到预设时间时,控制所述网页骨架图消失,包括:
当检测到所述网页骨架图的显示时间达到预设时间时,控制所述网页骨架图采用预设效果消失。


5.根据权利要求1所述的方法,其特征在于,所述读取指定网页的网页配置文件之前,还包括:
根据所述指定网页的尺寸,生成所述结构属性代码,所述结构属性代码指示的所述网页骨架图的尺寸与所述尺寸相匹配。


6.根据权利要求1所述的方法,其特征在于,所述根据所述样式代码、所述执行代码及所述结构属性代码,生成网页骨架图之后,还包括:
根据终端的屏幕尺寸,调整所述网页骨架图的尺寸。


7.一种网页骨架图的生成装置,其特征在于,所述装置包括:
读取模块,用于读取指定网页的网页配置文件,所述网页配置文件包括所述指定...

【专利技术属性】
技术研发人员:陈方正刘日高曾文富
申请(专利权)人:广州酷狗计算机科技有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1