页面显示方法及装置、存储介质、计算机设备制造方法及图纸

本申请公开了一种页面显示方法及装置、存储介质、计算机设备，该方法包括：响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。本申请实施例相比于现有技术中直接将CSS reset页面样式重置文件放在本地项目中，有助于避免有个别项目进行修改时，导致多个项目都要修改的情况发生，易于文件管理，并提高了页面显示的时效性，进一步提升了后续开发的效率。发的效率。发的效率。

【技术实现步骤摘要】
页面显示方法及装置、存储介质、计算机设备


[0001]本申请涉及计算机
，尤其是涉及到一种页面显示方法及装置、存储介质、计算机设备。

技术介绍

[0002]由于当今社会手机的机型、系统、版本参差不齐，以及浏览器的不同，移动端应用程序和浏览器的前端页面都需要进行兼容开发，现有技术中，有些使用css，直接将reset文件放在本地项目中解决不同浏览器跨平台自带的原生样式问题，当有很多项目时，尤其是历时长、经手人多的情况下，就容易出现每个项目都要修改、测试、重新发布上线以及多个项目不确定有没有信息修改、有没有版本错误的问题，不仅耗时耗力还不易管理。

技术实现思路

[0003]有鉴于此，本申请提供了一种页面显示方法及装置、存储介质、计算机设备，有助于管理，并提高了页面显示的加载速度与时效性，进而提升了后续开发的效率。
[0004]根据本申请的一个方面，提供了一种页面显示方法，所述方法包括：
[0005]响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；
[0006]在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；
[0007]基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。
[0008]可选地，所述响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面之后，所述方法还包括：
[0009]查询浏览器缓存中是否存在所述CSS兼容页面对应的页面样式重置文件；/>[0010]在所述浏览器缓存中不存在页面样式重置文件的情况下，确定与所述CSS兼容页面对应的目标云端。
[0011]可选地，所述查询浏览器缓存中是否存在页面样式重置文件之后，所述方法还包括：
[0012]在所述浏览器缓存中存在页面样式重置文件的情况下，在所述浏览器缓存中读取所述页面样式重置文件；
[0013]相应地，所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之后，所述方法还包括：
[0014]将所述页面样式重置文件存储在所述浏览器缓存中。
[0015]可选地，所述将所述页面样式重置文件存储在所述浏览器缓存中，具体包括：
[0016]生成所述页面样式重置文件的时间戳信息，并将所述页面样式重置文件及其对应的时间戳信息存储在所述浏览器缓存中；
[0017]相应地，所述将所述页面样式重置文件存储在所述浏览器缓存中之后，所述方法
还包括：
[0018]基于所述时间戳信息以及预设周期，确定所述页面样式重置文件的更新时间；
[0019]在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，基于所述更新文件对所述浏览器缓存中的所述页面样式重置文件进行更新，并生成更新后的页面样式重置文件的时间戳信息。
[0020]可选地，所述页面样式重置文件携带有对应的文件标识；
[0021]所述在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，具体包括：
[0022]在所述更新时间时，读取所述目标云端中所述CSS兼容页面对应的最新页面样式重置文件的文件标识，并对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比；
[0023]若不一致，则读取所述目标云端中所述最新页面样式重置文件，作为所述页面样式重置文件的更新文件。
[0024]可选地，所述对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比之后，所述方法还包括：
[0025]若一致，则更新所述页面样式重置文件的时间戳信息。
[0026]可选地，所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之前，所述方法还包括：
[0027]确定所述CSS兼容页面对应的至少一个文件存储云端；
[0028]计算当前位置与每个所述文件存储云端之间的距离，将距离当前位置最近的文件存储云端确定为所述目标云端。
[0029]根据本申请的另一方面，提供了一种页面显示装置，所述装置包括：
[0030]确认模块，响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；
[0031]读取模块，在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；
[0032]渲染模块，基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。
[0033]可选地，所述装置还包括：第一查询模块，用于：
[0034]所述响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面之后，查询浏览器缓存中是否存在所述CSS兼容页面对应的页面样式重置文件；
[0035]在所述浏览器缓存中不存在页面样式重置文件的情况下，确定与所述CSS兼容页面对应的目标云端。
[0036]可选地，所述装置还包括：第二查询模块，用于：
[0037]所述查询浏览器缓存中是否存在页面样式重置文件之后，在所述浏览器缓存中存在页面样式重置文件的情况下，在所述浏览器缓存中读取所述页面样式重置文件；
[0038]存储模块，用于：所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之后，将所述页面样式重置文件存储在所述浏览器缓存中。
[0039]可选地，所述存储模块，具体用于：
[0040]生成所述页面样式重置文件的时间戳信息，并将所述页面样式重置文件及其对应
的时间戳信息存储在所述浏览器缓存中；
[0041]相应地，所述装置还包括：更新模块，用于：
[0042]所述将所述页面样式重置文件存储在所述浏览器缓存中之后，基于所述时间戳信息以及预设周期，确定所述页面样式重置文件的更新时间；
[0043]在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，基于所述更新文件对所述浏览器缓存中的所述页面样式重置文件进行更新，并生成更新后的页面样式重置文件的时间戳信息。
[0044]可选地，所述页面样式重置文件携带有对应的文件标识；所述更新模块，具体用于：
[0045]在所述更新时间时，读取所述目标云端中所述CSS兼容页面对应的最新页面样式重置文件的文件标识，并对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比；
[0046]若不一致，则读取所述目标云端中所述最新页面样式重置文件，作为所述页面样式重置文件的更新文件。
[0047]可选地，所述更新模块，还用于：
[0048]所述对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比之后，若一致，则更新所述页面样式重置文件的时间戳本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面显示方法，其特征在于，所述方法包括：响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。2.根据权利要求1所述的方法，其特征在于，所述响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面之后，所述方法还包括：查询浏览器缓存中是否存在所述CSS兼容页面对应的页面样式重置文件；在所述浏览器缓存中不存在页面样式重置文件的情况下，确定与所述CSS兼容页面对应的目标云端。3.根据权利要求2所述的方法，其特征在于，所述查询浏览器缓存中是否存在页面样式重置文件之后，所述方法还包括：在所述浏览器缓存中存在页面样式重置文件的情况下，在所述浏览器缓存中读取所述页面样式重置文件；相应地，所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之后，所述方法还包括：将所述页面样式重置文件存储在所述浏览器缓存中。4.根据权利要求3所述的方法，其特征在于，所述将所述页面样式重置文件存储在所述浏览器缓存中，具体包括：生成所述页面样式重置文件的时间戳信息，并将所述页面样式重置文件及其对应的时间戳信息存储在所述浏览器缓存中；相应地，所述将所述页面样式重置文件存储在所述浏览器缓存中之后，所述方法还包括：基于所述时间戳信息以及预设周期，确定所述页面样式重置文件的更新时间；在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，基于所述更新文件对所述浏览器缓存中的所述页面样式重置文件进行更新，并生成更新后的页面样式重置文件的时间戳信息。5.根据权利要求4所述的方法，其特征在于，所述页面样式重置文件携带有对应的文件...

【专利技术属性】
技术研发人员：彭杰，刘香炎，
申请(专利权)人：平安付科技服务有限公司，
类型：发明
国别省市：