CN115314561A - 页面显示方法及装置、存储介质、计算机设备 - Google Patents

页面显示方法及装置、存储介质、计算机设备 Download PDF

Info

Publication number
CN115314561A
CN115314561A CN202210925461.4A CN202210925461A CN115314561A CN 115314561 A CN115314561 A CN 115314561A CN 202210925461 A CN202210925461 A CN 202210925461A CN 115314561 A CN115314561 A CN 115314561A
Authority
CN
China
Prior art keywords
page
file
style
resetting
css
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210925461.4A
Other languages
English (en)
Inventor
彭杰
刘香炎
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Pingan Payment Technology Service Co Ltd
Original Assignee
Pingan Payment Technology Service Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Pingan Payment Technology Service Co Ltd filed Critical Pingan Payment Technology Service Co Ltd
Priority to CN202210925461.4A priority Critical patent/CN115314561A/zh
Publication of CN115314561A publication Critical patent/CN115314561A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G06F8/65—Updates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/10—Protocols in which an application is distributed across nodes in the network
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/10—Protocols in which an application is distributed across nodes in the network
    • H04L67/1097—Protocols in which an application is distributed across nodes in the network for distributed storage of data in networks, e.g. transport arrangements for network file system [NFS], storage area networks [SAN] or network attached storage [NAS]

Abstract

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

Description

页面显示方法及装置、存储介质、计算机设备
技术领域
本申请涉及计算机技术领域，尤其是涉及到一种页面显示方法及装置、存储介质、计算机设备。
背景技术
由于当今社会手机的机型、系统、版本参差不齐，以及浏览器的不同，移动端应用程序和浏览器的前端页面都需要进行兼容开发，现有技术中，有些使用css，直接将reset文件放在本地项目中解决不同浏览器跨平台自带的原生样式问题，当有很多项目时，尤其是历时长、经手人多的情况下，就容易出现每个项目都要修改、测试、重新发布上线以及多个项目不确定有没有信息修改、有没有版本错误的问题，不仅耗时耗力还不易管理。
发明内容
有鉴于此，本申请提供了一种页面显示方法及装置、存储介质、计算机设备，有助于管理，并提高了页面显示的加载速度与时效性，进而提升了后续开发的效率。
根据本申请的一个方面，提供了一种页面显示方法，所述方法包括：
响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；
在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；
基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。
可选地，所述响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面之后，所述方法还包括：
查询浏览器缓存中是否存在所述CSS兼容页面对应的页面样式重置文件；
在所述浏览器缓存中不存在页面样式重置文件的情况下，确定与所述CSS兼容页面对应的目标云端。
可选地，所述查询浏览器缓存中是否存在页面样式重置文件之后，所述方法还包括：
在所述浏览器缓存中存在页面样式重置文件的情况下，在所述浏览器缓存中读取所述页面样式重置文件；
相应地，所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之后，所述方法还包括：
将所述页面样式重置文件存储在所述浏览器缓存中。
可选地，所述将所述页面样式重置文件存储在所述浏览器缓存中，具体包括：
生成所述页面样式重置文件的时间戳信息，并将所述页面样式重置文件及其对应的时间戳信息存储在所述浏览器缓存中；
相应地，所述将所述页面样式重置文件存储在所述浏览器缓存中之后，所述方法还包括：
基于所述时间戳信息以及预设周期，确定所述页面样式重置文件的更新时间；
在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，基于所述更新文件对所述浏览器缓存中的所述页面样式重置文件进行更新，并生成更新后的页面样式重置文件的时间戳信息。
可选地，所述页面样式重置文件携带有对应的文件标识；
所述在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，具体包括：
在所述更新时间时，读取所述目标云端中所述CSS兼容页面对应的最新页面样式重置文件的文件标识，并对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比；
若不一致，则读取所述目标云端中所述最新页面样式重置文件，作为所述页面样式重置文件的更新文件。
可选地，所述对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比之后，所述方法还包括：
若一致，则更新所述页面样式重置文件的时间戳信息。
可选地，所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之前，所述方法还包括：
确定所述CSS兼容页面对应的至少一个文件存储云端；
计算当前位置与每个所述文件存储云端之间的距离，将距离当前位置最近的文件存储云端确定为所述目标云端。
根据本申请的另一方面，提供了一种页面显示装置，所述装置包括：
确认模块，响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；
读取模块，在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；
渲染模块，基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。
可选地，所述装置还包括：第一查询模块，用于：
所述响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面之后，查询浏览器缓存中是否存在所述CSS兼容页面对应的页面样式重置文件；
在所述浏览器缓存中不存在页面样式重置文件的情况下，确定与所述CSS兼容页面对应的目标云端。
可选地，所述装置还包括：第二查询模块，用于：
所述查询浏览器缓存中是否存在页面样式重置文件之后，在所述浏览器缓存中存在页面样式重置文件的情况下，在所述浏览器缓存中读取所述页面样式重置文件；
存储模块，用于：所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之后，将所述页面样式重置文件存储在所述浏览器缓存中。
可选地，所述存储模块，具体用于：
生成所述页面样式重置文件的时间戳信息，并将所述页面样式重置文件及其对应的时间戳信息存储在所述浏览器缓存中；
相应地，所述装置还包括：更新模块，用于：
所述将所述页面样式重置文件存储在所述浏览器缓存中之后，基于所述时间戳信息以及预设周期，确定所述页面样式重置文件的更新时间；
在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，基于所述更新文件对所述浏览器缓存中的所述页面样式重置文件进行更新，并生成更新后的页面样式重置文件的时间戳信息。
可选地，所述页面样式重置文件携带有对应的文件标识；所述更新模块，具体用于：
在所述更新时间时，读取所述目标云端中所述CSS兼容页面对应的最新页面样式重置文件的文件标识，并对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比；
若不一致，则读取所述目标云端中所述最新页面样式重置文件，作为所述页面样式重置文件的更新文件。
可选地，所述更新模块，还用于：
所述对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比之后，若一致，则更新所述页面样式重置文件的时间戳信息。
可选地，所述装置还包括：确定云端模块，用于：
所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之前，确定所述CSS兼容页面对应的至少一个文件存储云端；
计算当前位置与每个所述文件存储云端之间的距离，将距离当前位置最近的文件存储云端确定为所述目标云端。
依据本申请又一个方面，提供了一种存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述页面显示方法。
依据本申请再一个方面，提供了一种计算机设备，包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述页面显示方法。
借由上述技术方案，本申请提供的一种页面显示方法及装置、存储介质、计算机设备，首先，通过响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面，其次，在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件，最终，基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。本申请实施例相比于现有技术中直接将CSS reset文件放在本地项目中，有助于避免有个别项目进行修改时，导致多个项目都要修改的情况发生，易于文件管理，并提高了页面显示的时效性，进一步提升了后续开发的效率。
上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂，以下特举本申请的具体实施方式。
附图说明
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1示出了本申请实施例提供的一种页面显示方法的流程示意图；
图2示出了本申请实施例提供的另一种页面显示方法的流程示意图；
图3示出了本申请实施例提供的一种页面显示装置的结构示意图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本申请。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。
在本实施例中提供了一种页面显示方法，如图1所示，该方法包括：
步骤101，响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；
步骤102，在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；
步骤103，基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。
本申请实施例可以应用于各类型客户端应用中的兼容显示的场景中。在兼容显示的开发过程中，几乎所有项目都会加入一个页面样式重置文件，开发人员将最新的页面样式重置文件更新并存储在云端，客户端可以从云端读取页面样式重置文件，并在客户端运行页面样式重置文件中所包含的代码，从而向客户端的用户提供页面显示服务。在多个项目共用一个页面样式重置文件的情况下，当有一个项目进行了修改，客户端在响应页面显示指令时直接从云端读取更新后的页面样式充重置文件，不需将修改后的页面样式重置文件随APP的数据包再次下发到客户端，客户端通过从目标云端获取最新的页面样式重置文件的方式，避免有个别项目进行修改时，导致多个项目都要修改的情况发生，方便了文件的管理，进一步提升了后续开发的效率。客户端可以是智能手机、平板电脑、笔记本电脑、台式计算机等电子设备。
通过应用本实施例的技术方案，客户端直接从云端读取更新后的页面样式重置文件，相比于现有技术中从本地客户端中加载文件，方便了对更新项目的管理。
进一步的，作为上述实施例具体实施方式的细化和扩展，为了完整说明本实施例的具体实施过程，提供了另一种页面显示方法，如图2所示，该方法包括：
步骤201，响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；
步骤202，查询浏览器缓存中是否存在所述CSS兼容页面对应的页面样式重置文件；在所述浏览器缓存中存在页面样式重置文件的情况下，在所述浏览器缓存中读取所述页面样式重置文件；在所述浏览器缓存中不存在页面样式重置文件的情况下，确定与所述CSS兼容页面对应的目标云端；
步骤203，在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；
步骤204，将所述页面样式重置文件存储在所述浏览器缓存中；
步骤205，基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。
在本申请实施例中，客户端响应于页面显示指令，确定页面显示指令对应的CSS兼容页面，查询浏览器缓存中是否存在CSS兼容页面对应的页面样式重置文件；其中，查询结果存在两种情况，第一种，在浏览器缓存中查询到页面样式重置文件，则在浏览器缓存中读取页面样式重置文件；第二种，在浏览器缓存中查询不到页面样式重置文件，则说明之前没有从云端读取过页面样式重置文件，在没有从云端读取过页面样式重置文件的情况下，确定与CSS兼容页面对应的至少一个目标云端，在该目标云端中，读取CSS兼容页面对应的页面样式重置文件并存储在浏览器缓存中，客户端基于从云端读取的页面样式重置文件对应的目标页面样式，覆盖CSS兼容页面的原生样式，渲染得到目标页面。
通过应用本实施例的技术方案，客户端确定页面显示指令对应的CSS兼容页面，先从浏览器缓存中查询是否存在对应的页面样式重置文件，若存在则在浏览器缓存中直接获取，若不存在则确定目标云端，从目标云端中获取对应的页面样式重置文件。在浏览器缓存中不存在页面样式重置文件时，直接读取目标云端中存储的页面样式重置文件，并将该页面样式重置文件存储至浏览器缓存，直接从浏览器缓存中获取文件，响应速度快。本实施例将页面样式重置文件存储在云端，不仅确保了客户端可随时运行页面显示指令并获得响应，而且当有多个项目进行更新时，直接从浏览器缓存中读取，不用每次把更新后的页面样式重置文件随APP的数据包重新发送到客户端，方便了对项目的管理。本申请实施例相比于现有技术中从本地文件中获取页面样式重置文件的方式，提高了获取信息的实效性，省时省力，方便了后续的开发。
在本申请实施例中，可选地，步骤204中“将所述页面样式重置文件存储在所述浏览器缓存中”具体包括：生成所述页面样式重置文件的时间戳信息，并将所述页面样式重置文件及其对应的时间戳信息存储在所述浏览器缓存中；
相应地，步骤204之后，所述方法还包括：基于所述时间戳信息以及预设周期，确定所述页面样式重置文件的更新时间；在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，基于所述更新文件对所述浏览器缓存中的所述页面样式重置文件进行更新，并生成更新后的页面样式重置文件的时间戳信息。
在本申请实施例中，生成页面样式重置文件的时间戳信息，并将页面样式重置文件及其对应的时间戳信息存储在浏览器缓存中，根据时间戳信息以及预设周期，确定页面样式重置文件的更新时间，因为页面样式重置文件不经常变化，以更新时间设置是一周为例，每周浏览器读取目标云端中页面样式重置文件对应的更新文件，并生成当个周期的页面样式重置文件的时间戳信息，后一周的时间戳信息覆盖前一周的时间戳信息。可保证获取的页面样式重置文件是最新版本。
需要说明的是，所述页面样式重置文件携带有对应的文件标识；在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，具体包括：在所述更新时间时，读取所述目标云端中所述CSS兼容页面对应的最新页面样式重置文件的文件标识，并对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比；若不一致，则读取所述目标云端中所述最新页面样式重置文件，作为所述页面样式重置文件的更新文件。若一致，则更新所述页面样式重置文件的时间戳信息。
本申请实施例中，在项目中引入页面样式重置文件的后面加入标识，标识每更新一次变化一次。这样使浏览器缓存中的文件方便被使用且是最新的。
在本申请实施例中，可选地，步骤203之前还包括：确定所述CSS兼容页面对应的至少一个文件存储云端，计算当前位置与每个所述文件存储云端之间的距离，将距离当前位置最近的文件存储云端确定为所述目标云端。
本申请实施例中，与CSS兼容页面对应的文件存储云端有多个，计算客户端当前位置与多个文件存储云端之间的距离，获得一个距离客户端当前位置最近的文件存储云端，并将该云端确定为目标云端。
通过应用本实施例的技术方案，客户端在加载页面样式重置文件文件的时候只需要访问就近的目标云端，提高了页面样式重置文件加载的速度。
进一步的，作为图1方法的具体实现，本申请实施例提供了一种页面显示装置，如图3所示，该装置包括：
确认模块，响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；
读取模块，在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；
渲染模块，基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。
可选地，所述装置还包括：第一查询模块，用于：
所述响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面之后，查询浏览器缓存中是否存在所述CSS兼容页面对应的页面样式重置文件；
在所述浏览器缓存中不存在页面样式重置文件的情况下，确定与所述CSS兼容页面对应的目标云端。
可选地，所述装置还包括：第二查询模块，用于：
所述查询浏览器缓存中是否存在页面样式重置文件之后，在所述浏览器缓存中存在页面样式重置文件的情况下，在所述浏览器缓存中读取所述页面样式重置文件；
存储模块，用于：所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之后，将所述页面样式重置文件存储在所述浏览器缓存中。
可选地，所述存储模块，具体用于：
生成所述页面样式重置文件的时间戳信息，并将所述页面样式重置文件及其对应的时间戳信息存储在所述浏览器缓存中；
相应地，所述装置还包括：更新模块，用于：
所述将所述页面样式重置文件存储在所述浏览器缓存中之后，基于所述时间戳信息以及预设周期，确定所述页面样式重置文件的更新时间；
在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，基于所述更新文件对所述浏览器缓存中的所述页面样式重置文件进行更新，并生成更新后的页面样式重置文件的时间戳信息。
可选地，所述页面样式重置文件携带有对应的文件标识；所述更新模块，具体用于：
在所述更新时间时，读取所述目标云端中所述CSS兼容页面对应的最新页面样式重置文件的文件标识，并对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比；
若不一致，则读取所述目标云端中所述最新页面样式重置文件，作为所述页面样式重置文件的更新文件。
可选地，所述更新模块，还用于：
所述对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比之后，若一致，则更新所述页面样式重置文件的时间戳信息。
可选地，所述装置还包括：确定云端模块，用于：
所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之前，确定所述CSS兼容页面对应的至少一个文件存储云端；
计算当前位置与每个所述文件存储云端之间的距离，将距离当前位置最近的文件存储云端确定为所述目标云端。
需要说明的是，本申请实施例提供的一种页面显示装置所涉及各功能单元的其他相应描述，可以参考图1至图2方法中的对应描述，在此不再赘述。
基于上述如图1至图2所示方法，相应的，本申请实施例还提供了一种存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述如图1至图2所示的页面显示方法。
基于这样的理解，本申请的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施场景所述的方法。
基于上述如图1至图2所示的方法，以及图3所示的虚拟装置实施例，为了实现上述目的，本申请实施例还提供了一种计算机设备，具体可以为个人计算机、服务器、网络设备等，该计算机设备包括存储介质和处理器；存储介质，用于存储计算机程序；处理器，用于执行计算机程序以实现上述如图1至图2所示的页面显示方法。
可选地，该计算机设备还可以包括用户接口、网络接口、摄像头、射频(RadioFrequency，RF)电路，传感器、音频电路、WI-FI模块等等。用户接口可以包括显示屏(Display)、输入单元比如键盘(Keyboard)等，可选用户接口还可以包括USB接口、读卡器接口等。网络接口可选的可以包括标准的有线接口、无线接口(如蓝牙接口、WI-FI接口)等。
本领域技术人员可以理解，本实施例提供的一种计算机设备结构并不构成对该计算机设备的限定，可以包括更多或更少的部件，或者组合某些部件，或者不同的部件布置。
存储介质中还可以包括操作系统、网络通信模块。操作系统是管理和保存计算机设备硬件和软件资源的程序，支持信息处理程序以及其它软件和/或程序的运行。网络通信模块用于实现存储介质内部各组件之间的通信，以及与该实体设备中其它硬件和软件之间通信。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本申请可以借助软件加必要的通用硬件平台的方式来实现，也可以通过硬件实现首先，通过响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面，其次，在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件，最终，基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。本申请实施例相比于现有技术中直接将CSS reset文件放在本地项目中，有助于避免有个别项目进行修改时，导致多个项目都要修改的情况发生，易于文件管理，并提高了页面显示的时效性，进一步提升了后续开发的效率。
本领域技术人员可以理解附图只是一个优选实施场景的示意图，附图中的模块或流程并不一定是实施本申请所必须的。本领域技术人员可以理解实施场景中的装置中的模块可以按照实施场景描述进行分布于实施场景的装置中，也可以进行相应变化位于不同于本实施场景的一个或多个装置中。上述实施场景的模块可以合并为一个模块，也可以进一步拆分成多个子模块。
上述本申请序号仅仅为了描述，不代表实施场景的优劣。以上公开的仅为本申请的几个具体实施场景，但是，本申请并非局限于此，任何本领域的技术人员能思之的变化都应落入本申请的保护范围。

Claims (10)

1.一种页面显示方法，其特征在于，所述方法包括：
响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；
在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；
基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。
2.根据权利要求1所述的方法，其特征在于，所述响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面之后，所述方法还包括：
查询浏览器缓存中是否存在所述CSS兼容页面对应的页面样式重置文件；
在所述浏览器缓存中不存在页面样式重置文件的情况下，确定与所述CSS兼容页面对应的目标云端。
3.根据权利要求2所述的方法，其特征在于，所述查询浏览器缓存中是否存在页面样式重置文件之后，所述方法还包括：
在所述浏览器缓存中存在页面样式重置文件的情况下，在所述浏览器缓存中读取所述页面样式重置文件；
相应地，所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之后，所述方法还包括：
将所述页面样式重置文件存储在所述浏览器缓存中。
4.根据权利要求3所述的方法，其特征在于，所述将所述页面样式重置文件存储在所述浏览器缓存中，具体包括：
生成所述页面样式重置文件的时间戳信息，并将所述页面样式重置文件及其对应的时间戳信息存储在所述浏览器缓存中；
相应地，所述将所述页面样式重置文件存储在所述浏览器缓存中之后，所述方法还包括：
基于所述时间戳信息以及预设周期，确定所述页面样式重置文件的更新时间；
在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，基于所述更新文件对所述浏览器缓存中的所述页面样式重置文件进行更新，并生成更新后的页面样式重置文件的时间戳信息。
5.根据权利要求4所述的方法，其特征在于，所述页面样式重置文件携带有对应的文件标识；
所述在所述更新时间时，读取所述目标云端中所述页面样式重置文件对应的更新文件，具体包括：
在所述更新时间时，读取所述目标云端中所述CSS兼容页面对应的最新页面样式重置文件的文件标识，并对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比；
若不一致，则读取所述目标云端中所述最新页面样式重置文件，作为所述页面样式重置文件的更新文件。
6.根据权利要求5所述的方法，其特征在于，所述对所述最新页面样式重置文件的文件标识与所述浏览器缓存中所述页面样式重置文件的文件标识进行一致性对比之后，所述方法还包括：
若一致，则更新所述页面样式重置文件的时间戳信息。
7.根据权利要求1至6中任一项所述的方法，其特征在于，所述在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件之前，所述方法还包括：
确定所述CSS兼容页面对应的至少一个文件存储云端；
计算当前位置与每个所述文件存储云端之间的距离，将距离当前位置最近的文件存储云端确定为所述目标云端。
8.一种页面显示装置，其特征在于，所述装置包括：
确认模块，响应于页面显示指令，确定所述页面显示指令对应的CSS兼容页面；
读取模块，在所述CSS兼容页面对应的目标云端中，读取所述CSS兼容页面对应的页面样式重置文件；
渲染模块，基于所述页面样式重置文件对应的目标页面样式，覆盖所述CSS兼容页面的原生样式，渲染得到目标页面。
9.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述页面显示方法。
10.一种计算机设备，包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述页面显示方法。
CN202210925461.4A 2022-08-03 2022-08-03 页面显示方法及装置、存储介质、计算机设备 Pending CN115314561A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210925461.4A CN115314561A (zh) 2022-08-03 2022-08-03 页面显示方法及装置、存储介质、计算机设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210925461.4A CN115314561A (zh) 2022-08-03 2022-08-03 页面显示方法及装置、存储介质、计算机设备

Publications (1)

Publication Number Publication Date
CN115314561A true CN115314561A (zh) 2022-11-08

Family

ID=83859408

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210925461.4A Pending CN115314561A (zh) 2022-08-03 2022-08-03 页面显示方法及装置、存储介质、计算机设备

Country Status (1)

Country Link
CN (1) CN115314561A (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462231A (zh) * 2014-11-11 2015-03-25 北京奇虎科技有限公司 网页渲染的方法、装置及系统
CN106599306A (zh) * 2016-12-29 2017-04-26 重庆南华中天信息技术有限公司 网络页面中css样式的兼容显示方法
CN109190069A (zh) * 2018-08-01 2019-01-11 北京空中优宜信息技术有限公司 一种网页元素样式管理方法、装置及电子设备
CN109460233A (zh) * 2018-10-25 2019-03-12 北京字节跳动网络技术有限公司 页面的原生界面显示更新方法、装置、终端设备及介质
CN110083383A (zh) * 2019-03-18 2019-08-02 平安普惠企业管理有限公司 浏览器式样兼容方法、装置、计算机设备及存储介质
CN110647700A (zh) * 2019-08-13 2020-01-03 平安普惠企业管理有限公司 页面资源的加载方法、装置、计算机设备和存储介质
CN114036425A (zh) * 2021-11-24 2022-02-11 上海哔哩哔哩科技有限公司 页面访问方法、客户端、服务端及系统

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104462231A (zh) * 2014-11-11 2015-03-25 北京奇虎科技有限公司 网页渲染的方法、装置及系统
CN106599306A (zh) * 2016-12-29 2017-04-26 重庆南华中天信息技术有限公司 网络页面中css样式的兼容显示方法
CN109190069A (zh) * 2018-08-01 2019-01-11 北京空中优宜信息技术有限公司 一种网页元素样式管理方法、装置及电子设备
CN109460233A (zh) * 2018-10-25 2019-03-12 北京字节跳动网络技术有限公司 页面的原生界面显示更新方法、装置、终端设备及介质
CN110083383A (zh) * 2019-03-18 2019-08-02 平安普惠企业管理有限公司 浏览器式样兼容方法、装置、计算机设备及存储介质
CN110647700A (zh) * 2019-08-13 2020-01-03 平安普惠企业管理有限公司 页面资源的加载方法、装置、计算机设备和存储介质
CN114036425A (zh) * 2021-11-24 2022-02-11 上海哔哩哔哩科技有限公司 页面访问方法、客户端、服务端及系统

Similar Documents

Publication Publication Date Title
CN110109670B (zh) 视图列表数据的处理方法、装置、电子设备及存储介质
CN105335132B (zh) 一种自定义应用程序功能的方法、装置以及系统
JP5004857B2 (ja) アプリケーション更新情報提供システム、及びアプリケーション更新情報提供方法
CN103778211A (zh) 移动终端游戏软件的语言切换方法及装置
CN112230923A (zh) 用户界面渲染方法、用户界面渲染装置及服务器
CN110968331A (zh) 应用程序运行的方法和装置
CN108733370B (zh) 原生app的样式化显示方法、装置、终端及存储介质
CN108196902B (zh) 用于展示开屏广告的方法与设备
CN113220563A (zh) 一种测试用例生成方法、系统、存储介质及计算机设备
CN111290773A (zh) 系统升级方法、设备及可读存储介质
CN110652728A (zh) 一种游戏资源管理方法、装置、电子设备及存储介质
CN111556127B (zh) 一种可穿戴设备升级方法及相关设备
CN111625250B (zh) 应用更新方法、装置、存储介质及电子设备
CN112612964A (zh) 一种图片展示方法、装置、计算机设备和存储介质
CN115314561A (zh) 页面显示方法及装置、存储介质、计算机设备
CN108512882B (zh) 位置信息的修改方法及装置
CN105119944A (zh) 一种应用的启动方法和相关装置
CN114327548A (zh) 软件升级方法及相关装置
CN112905931A (zh) 页面信息的展示方法、装置、电子设备及存储介质
JP2018045619A (ja) 解析プログラム、解析方法、及び解析装置
CN112036133A (zh) 一种文件保存方法、装置、电子设备及存储介质
CN107612961B (zh) 一种系统软件下载/升级的方法、服务器及终端
CN115237461A (zh) 一种依赖库配置方法及装置、存储介质、计算机设备
CN112118474B (zh) 视频弹幕的显示方法、系统、计算机设备及可读存储介质
CN117215666A (zh) 启动参数的配置方法、装置及设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination