CN114756797A - 一种页面处理方法、装置、电子设备和存储介质 - Google Patents
一种页面处理方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN114756797A CN114756797A CN202210431222.3A CN202210431222A CN114756797A CN 114756797 A CN114756797 A CN 114756797A CN 202210431222 A CN202210431222 A CN 202210431222A CN 114756797 A CN114756797 A CN 114756797A
- Authority
- CN
- China
- Prior art keywords
- page
- content
- display layer
- target page
- rendered
- 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
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开提供了一种页面处理方法、装置、电子设备和存储介质,涉及计算机技术领域,尤其涉及页面处理技术领域。具体实现方案包括:响应于用户对目标页面访问请求,在第一显示图层中展示目标页面对应的预渲染内容;在第二显示图层中对目标页面需要显示的真实内容进行渲染;其中,第一显示图层覆盖在第二显示图层之上;通过图层移除机制移除第一显示图层,并展示第二显示图层中所渲染的真实内容。本公开方案优先展示预渲染的内容,避免向用户展示图片加载中或白屏,再通过移除机制向用户展示包括真实内容的页面,可提高页面展现效果。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及页面处理技术领域,具体涉及一种页面处理方法、装置、电子设备、存储介质和计算机程序产品。
背景技术
广告落地页也被称为广告的目标网址页,是指当用户通过点击的某个具有明确主题的广告创意(例如:带有超链接的文本、图标、图片,以及统一资源定位符等),跳转到的第一个网页页面。广告落地页可用于向用户展示广告引导信息或提供表单以挖掘用户信息,从而将用户从访问者发展为潜在的目标客户。
发明内容
本公开提供了一种页面处理方法、装置、电子设备、存储介质和计算机程序产品。
根据本公开的一方面,提供了一种页面处理方法,包括:
响应于用户对目标页面访问请求,在第一显示图层中展示目标页面对应的预渲染内容;
在第二显示图层中对目标页面需要显示的真实内容进行渲染;其中,第一显示图层覆盖在第二显示图层之上;
通过图层移除机制移除第一显示图层,并展示第二显示图层中所渲染的真实内容。
根据本公开的一方面,提供了一种页面处理方法,包括:
启动目标页面,并获取目标页面的首屏内容;
从首屏内容中读取页面布局配置文件;
将页面布局配置文件添加到预设页面模板中进行编译,得到目标页面对应的预渲染内容。
根据本公开的一方面,提供了一种页面展现装置,包括:
第一显示模块,用于响应于用户对目标页面访问请求,在第一显示图层中展示目标页面对应的预渲染内容;
第二显示模块,用于在第二显示图层中对目标页面需要显示的真实内容进行渲染;其中,第一显示图层覆盖在第二显示图层之上;
移除模块,用于通过图层移除机制移除第一显示图层,并展示第二显示图层中所渲染的真实内容。
根据本公开的一方面,提供了一种页面处理装置,包括:
启动与内容获取模块,用于启动目标页面,并获取目标页面的首屏内容;
配置文件获取模块,用于从首屏内容中读取页面布局配置文件;
编译模块,用于将页面布局配置文件添加到预设页面模板中进行编译,得到目标页面对应的预渲染内容。
根据本公开的另一方面,提供了一种电子设备,包括:
至少一个处理器;以及
与至少一个处理器通信连接的存储器;其中,
存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行本公开任意实施例的页面展现方法。
根据本公开的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,计算机指令用于使计算机执行本公开任意实施例的页面展现方法。
根据本公开的另一方面,提供了一种计算机程序产品,包括计算机程序,计算机程序在被处理器执行时实现本公开任意实施例的页面展现方法。
根据本公开的技术,优先展示预渲染的内容,避免向用户展示图片加载中或白屏,再通过移除机制向用户展示包括真实内容的页面,可提高页面展现效果。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本公开的限定。其中:
图1是本公开实施例提供的一种页面处理方法的流程示意图;
图2是本公开实施例提供的又一种页面处理方法的流程示意图;
图3是本公开实施例提供的又一种页面处理方法的流程示意图;
图4是本公开实施例提供的又一种页面处理方法的逻辑示意图;
图5是本公开实施例提供的一种页面处理装置的结构示意图;
图6是本公开实施例提供的另一种页面处理装置的结构示意图;
图7是用来实现本公开实施例的页面处理方法的电子设备的框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
本公开实施例中,托管落地页是由组件构成,底层基础框架负责组件的执行和渲染,组件和框架独立部署,在如此底层架构服务基础上,页面的展现必须要等到组件和框架静态资源加载完成,才开始渲染页面。
由于托管落地页千万级流量,且组件更新频繁,搭建动态编译服务对服务端的整个底层的架构设计和升级是有巨大挑战的。而通过综合评估发现,大盘中总访问量大于10的托管落地页的约20万左右,却已覆盖大盘98%的流量,因此只需要保证这20万个页面进行预渲染,即可达到较好的展示效果。而对筛选出的托管落地页进行预渲染的过程可参见如下实施例。
图1为本公开实施例的一种页面处理方法的流程示意图,本实施例可适用于托管对落地页进行预渲染的情况。该方法可由一种页面处理装置来执行,该装置采用软件和/或硬件的方式实现,并集成在电子设备上,例如集成在服务器设备上。
具体的,参见图1,页面处理方法如下:
S101、启动目标页面,并获取目标页面的首屏内容。
本公开实施例中,目标页面可选的是任意一个比较热门的托管落地页。在确定目标页面时,可根据每个托管落地页的总访问量衡量该托管落地页的热度,其中,总访问量越大,则对应的热度越大。如此,可预先设定一个访问量阈值,将总访问量大于访问量阈值的托管落地页筛选出来,进而依次将筛选结果中的托管落地页作为目标页面,并通过S101-S103的过程实现预渲染。
除此之外,还可预先设定多个页面类型,例如设定多个热门托管落地页的类型,进而将相同类型的筛选出来,进而依次将筛选结果中的托管落地页作为目标页面;又如,设定多个冷门的托管落地页的类型,并将相应类型的托管落地页排除,进而依次将剩余托管落地页作为目标页面,以便进行预渲染。需要说明的是,通过访问量和页面类型,可以精准确定需要预渲染的页面,为后续提高页面展现效果提供保证。
在确定目标页面的基础上,针对目标页面,启动预设的无头浏览器(是指可以在无图形界面情况下运行的浏览器),并通过无头浏览器打开目标页面。由于页面内容大都大于一屏,而首屏内容的展示对用户至关重要,因此本公开方案可选取首屏内容来进行提前渲染。其中,首屏内容是由预设的页面尺寸(例如页面高度)决定,而预设的页面尺寸可基于显示设备的屏幕参数确定。如此,可以根据设定的页面高度,获取目标页面的首屏内容,具体的获取方式在此不做具体限定。在此需要说明的是,在启动目标页面过程中,还可以对目标页面所需预设类型的页面资源进行拦截,例如拦截图片和字体等,由此保证目标页面的加载效率,进而保证目标页面预渲染的效率。
S102、从首屏内容中读取页面布局配置文件。
其中,首屏内容的页面布局配置文件所包括元素样式style和文档对象模型dom。可选的,可通过预设的页面读取工具或代码程序,读取元素样式style和文档对象模型dom。在获取页面布局配置文件之后,还可以把首屏内容包括的悬浮组件过滤掉,同时对文档对象模型中的指定类型的标签(例如mip标签)进行替换,避免指定类型的标签对预渲染内容的显示造成影响,除此之外还可以设置预渲染内容的层级,用于限定在哪个图层显示预渲染内容。
S103、将页面布局配置文件添加到预设页面模板中进行编译,得到目标页面对应的预渲染内容。
其中,预设页面模板可选的是html模板,通过S102得到首屏内容的元素样式style和文档对象模型dom后,将其添加到html模板中,例如将元素样式style和文档对象模型dom存入模板字符串中。同时通过内联js文件创建自定义标签,自定义标签的内容来源于模板字符串,且自定义标签的层级最高。进而通过编译操作后即可得到目标页面对应的预渲染内容,其中,预渲染内容可选的为静态html文件的形式存在。需要说明的是,由于预渲染内容里已编译好元素样式和文档对象模型,可以保证后续预渲染内容的展现效率;预渲染内容是纯静态内容,不能与用户进行交互操作。
进一步的,在得到预渲染内容后,将预渲染内容保存在服务端的缓存中,以便用户访问目标页面时,直接从服务端缓存中下载目标页面对应的预渲染内容进行展示,具体的页面展示过程可参见后续实施例。
本公开实施例中,通过对筛选出的目标页面进行预渲染,使得后续用户浏览目标页面时,可优先展示预渲染内容,避免向用户展示白屏或图片加载中,为提升页面展示效果提供了保证。
图2为本公开实施例的一种页面处理方法的流程示意图,本实施例可适用于对导航地图的高精道路和基础道路进行平滑过渡的情况。该方法可由一种页面处理装置来执行,该装置采用软件和/或硬件的方式实现,并集成在电子设备上,例如集成在带有浏览器的设备上。
具体的,参见图2,页面处理方法如下:
S201、响应于用户对目标页面访问请求,在第一显示图层中展示目标页面对应的预渲染内容。
其中,目标页面可选的为任一托管落地页,用户要访问访问目标页面,只需在浏览器中主动输入目标页面的统一资源定位符即可,除此之外,也可以通过其他触发方式对目标页面进行访问,在此不做具体限定。响应于用户对目标页面访问请求,浏览器设备从服务端的缓存中获取目标页面对应的预渲染内容,其中,预渲染内容是对目标页面的首屏内容进行预渲染得到的,具体的预渲染过程参见上述实施例,在此不在赘述。在将预渲染内容从服务端缓存中下载完成后,在第一显示图层中加载预渲染内容,以供用户查看,其中,第一显示图层为层级最高的图层,用户可直接查看其内显示的内容。需要说明的是,通过S201的步骤,实现了在用户访问目标页面时,优先为用户展示目标页面的预渲染的首屏内容的目的,由于首屏内容对用户至关重要,因此优先向用户展示首屏内容,可以保证用户体验。由于预渲染内容为静态内容,不能与用户进行交互操作,因此还需要将目标页面的真实内容展示给用户,以便用户进行页面交互,具体的,参见S202-S203的过程。
S202、在第二显示图层中对目标页面需要显示的真实内容进行渲染。
本公开实施例中,第二显示图层的层级低于第一显示图层,可选的,第一显示图层覆盖在第二显示图层之上,也即用户无法直接查看第二图层中的内容。而真实内容是指对用户而言是真实有效的数据,例如,真实数据可选的是需要接口请求的数据。在第二图层的渲染真实内容过程可以如下:对目标页面需要显示的真实内容进行加载,进而根据目标页面的文档对象模型和元素样式,构建一个渲染树;根据构建的渲染树,确定所有元素的位置关系和需要应用的样式。进而计算出所有元素的大小和绝对位置,并利用浏览器的渲染引擎在第二图层中进行渲染。
S203、通过图层移除机制移除第一显示图层,并展示第二显示图层中所渲染的真实内容。
本公开实施例中,图层移除机制中记录了移除第一图层的条件或时机,因此图层移除机制在确定当前满足移除第一图层的条件或时机时,立即移除第一图层,同时将第二图层作为最高层级的图层进行展示,也即将第二显示图层中所渲染的真实内容展示给用户,由此实现了将真实的托管落地页展示给用户的效果。
本公开方案优先展示预渲染的内容,避免向用户展示图片加载中或白屏,再通过移除机制向用户展示包括真实内容的页面,可提高页面展现效果,保证了用户体验。
图3是根据本公开实施例的又一页面处理方法的流程示意图。参见图3,页面处理方法具体如下:
S301、响应于用户对目标页面访问请求,获取预渲染内容的页面布局配置文件。
其中,预渲染内容是对目标页面的首屏内容进行预渲染得到的。
S302、基于页面布局配置文件中的元素样式和文档对象模型,在第一显示图层中展示预渲染内容。
本公开实施例中,响应于用户对目标页面访问请求,从服务端的缓存中获取目标页面对应的预渲染内容,由于预渲染内容实际以静态html文件形式存在,因此要获取页面布局配置文件,则需要对预渲染内容进行加载与解析,以获取预渲染内容的页面布局配置文件,其中,页面布局配置文件包括元素样式style和文档对象模型dom。进而按照页面布局配置文件中的元素样式style和文档对象模型dom,在第一显示图层中展示预渲染内容,例如根据预渲染内容包括的图片地址,加载图片并显示在对应的位置上。需要说明的是,直接按照解析出的元素样式和文档对象模型进行渲染显示,可提升预渲染内容的展示效率。
S303、在第二显示图层中对目标页面需要显示的真实内容进行渲染。
本公开实施例中,第二显示图层的层级低于第一显示图层,可选的,第一显示图层覆盖在第二显示图层之上,也即用户无法直接查看第二图层中的内容。而真实内容是指对用户而言是真实有效的数据,例如,真实数据可选的是需要接口请求的数据。在第二图层的渲染过程可以如下:对目标页面需要显示的真实内容进行加载,进而根据目标页面的文档对象模型和元素样式,构建一个渲染树;渲染树构建完成以后,所有元素的位置关系和需要应用的样式即确定了。进而计算出所有元素的大小和绝对位置,进而利用浏览器的渲染引擎在第二图层中进行渲染。
S304、在预渲染内容展示完成且第二显示图层中渲染的包括真实内容的页面的尺寸大于或等于预渲染内容的尺寸时,移除第一显示图层,并展示第二显示图层中所渲染的真实内容。
本公开实施例中,移除第一图层的条件是:预渲染内容展示完成,也即是将需要展示的资源数据(例如图片)加载完毕;同时第二显示图层中渲染的包括真实内容的页面的尺寸(例如高度)大于或等于预渲染内容的页面尺寸(例如高度),也即根据真实内容渲染的真实页面大于或等于一屏。只有同时满足上述两个条件时,移除第一显示图层,并将第二显示图层中所渲染的真实内容展示给用户,由此实现了将真实的托管落地页展示给用户的效果。
本公开实施例中,优先展示预渲染的内容,避免向用户展示图片加载中或白屏;在满足预设移除条件时才移除第一图层,避免过早移除第一图层,影响实现效果;而且在移除第一图层后,立即向用户展示包括真实内容的页面,由此保证了页面展现效果。
图4是根据本公开实施例的又一页面处理方法的逻辑示意图。参见图4,页面处理方法的逻辑主要从三侧进行说明,具体如下:
在业务接入侧,主要将筛选出的托管落地页接入,以便在服务端对接入的托管落地页进行预渲染。
在服务端侧,依次对筛选出的各落地页的首屏内容进行预渲染并缓存;具体的过程是:利用无头浏览器打开任一接入的托管落地页,通过预设工具或代码程序,获取托管落地页首屏内容,并读取首屏内容的文档对象模型dom和元素样式style;将文档对象模型dom和元素样式style写入html模板中,实现改写html源码,进而将修改后的html文件作为预渲染内容进行缓存。
在用户浏览器设备侧,根据托管落地页地址,从缓存中下载托管落地页对应的预渲染内容,通过对预渲染页进行加载和解析,在浏览器最上图层展示预渲染内容,以供用户浏览;同时在下一用户不可见的图层,通过预设JS程序加载并渲染真实内容;在监听到渲染的真实内容高度大于等于预渲染内容高度且首屏首图加载完成,移除预渲染内容,也即是将当前显示预渲染内容的图层移除,以边向用户展示落地页真实内容,用户即可基于显示的真实内容进行交互。
图5是根据本公开实施例的页面处理装置的结构示意图,本实施例可适用于对托管落地页进行展现的情况。参见图5,包括:
第一显示模块501,用于响应于用户对目标页面访问请求,在第一显示图层中展示目标页面对应的预渲染内容;
第二显示模块502,用于在第二显示图层中对目标页面需要显示的真实内容进行渲染;其中,第一显示图层覆盖在第二显示图层之上;
移除模块503,用于通过图层移除机制移除第一显示图层,并展示第二显示图层中所渲染的真实内容。
在上述实施例的基础上,可选的,第一显示模块包括:
获取单元,用于响应于用户对目标页面访问请求,获取预渲染内容的页面布局配置文件;其中,页面布局配置文件包括元素样式和文档对象模型;
显示单元,用于基于页面布局配置文件中的元素样式和文档对象模型,在第一显示图层中展示预渲染内容。
在上述实施例的基础上,可选的,移除模块还用于:
在预渲染内容展示完成且第二显示图层中渲染的包括真实内容的页面的尺寸大于或等于预渲染内容的尺寸时,移除第一显示图层,并展示第二显示图层中所渲染的真实内容。
在上述实施例的基础上,可选的,,预渲染内容是对目标页面的首屏内容进行预渲染得到的。
本公开实施例提供的页面处理装置可执行本公开任意实施例提供的页面处理方法,具备执行方法相应的功能模块和有益效果。本实施例中未详尽描述的内容可以参考本公开任意方法实施例中的描述。
图6是根据本公开实施例的页面处理装置的结构示意图,本实施例可适用于对托管落地页进行预渲染的情况。参见图6,包括:
启动与内容获取模块601,用于启动目标页面,并获取目标页面的首屏内容;
配置文件获取模块602,用于从首屏内容中读取页面布局配置文件;
编译模块603,用于将页面布局配置文件添加到预设页面模板中进行编译,得到目标页面对应的预渲染内容。
在上述实施例的基础上,可选的,首屏内容的页面布局配置文件所包括元素样式和文档对象模型。
上述实施例的基础上,可选的,还包括:
筛选模块,用于根据每个页面的访问数据和预设页面类型,从全量的页面中确定目标页面。
上述实施例的基础上,可选的,还包括:
拦截模块,用于在启动目标页面过程中,对目标页面所需预设类型的页面资源进行拦截。
本公开实施例提供的页面处理装置可执行本公开任意实施例提供的页面处理方法,具备执行方法相应的功能模块和有益效果。本实施例中未详尽描述的内容可以参考本公开任意方法实施例中的描述。
本公开的技术方案中,所涉及的用户个人信息的获取,存储和应用等,均符合相关法律法规的规定,且不违背公序良俗。
根据本公开的实施例,本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
图7示出了可以用来实施本公开的实施例的示例电子设备700的示意性框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本公开的实现。
如图7所示,设备700包括计算单元701,其可以根据存储在只读存储器(ROM)702中的计算机程序或者从存储单元708加载到随机访问存储器(RAM)703中的计算机程序,来执行各种适当的动作和处理。在RAM 703中,还可存储设备700操作所需的各种程序和数据。计算单元701、ROM 702以及RAM703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
设备700中的多个部件连接至I/O接口705,包括:输入单元706,例如键盘、鼠标等;输出单元707,例如各种类型的显示器、扬声器等;存储单元708,例如磁盘、光盘等;以及通信单元709,例如网卡、调制解调器、无线通信收发机等。通信单元709允许设备700通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元701可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元701的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元701执行上文所描述的各个方法和处理,例如页面处理方法。例如,在一些实施例中,页面处理方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元708。在一些实施例中,计算机程序的部分或者全部可以经由ROM702和/或通信单元709而被载入和/或安装到设备700上。当计算机程序加载到RAM703并由计算单元701执行时,可以执行上文描述的页面处理方法的一个或多个步骤。备选地,在其他实施例中,计算单元701可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行页面处理方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、复杂可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,也可以为分布式系统的服务器,或者是结合了区块链的服务器。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本公开保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等,均应包含在本公开保护范围之内。
Claims (19)
1.一种页面处理方法,包括:
响应于用户对目标页面访问请求,在第一显示图层中展示所述目标页面对应的预渲染内容;
在第二显示图层中对所述目标页面需要显示的真实内容进行渲染;其中,所述第一显示图层覆盖在所述第二显示图层之上;
通过图层移除机制移除所述第一显示图层,并展示所述第二显示图层中所渲染的真实内容。
2.根据权利要求1所述的方法,其中,响应于用户对目标页面访问请求,在第一显示图层中展示所述目标页面对应的预渲染内容,包括:
响应于用户对目标页面访问请求,获取所述预渲染内容的页面布局配置文件;其中,所述页面布局配置文件包括元素样式和文档对象模型;
基于所述页面布局配置文件中的元素样式和文档对象模型,在所述第一显示图层中展示所述预渲染内容。
3.根据权利要求1所述的方法,其中,通过图层移除机制移除所述第一显示图层,并展示所述第二显示图层中所渲染的真实内容,包括:
在所述预渲染内容展示完成且所述第二显示图层中渲染的包括真实内容的页面的尺寸大于或等于所述预渲染内容的页面尺寸时,移除所述第一显示图层,并展示所述第二显示图层中所渲染的真实内容。
4.根据权利要求1-3中任一项所述的方法,其中,所述预渲染内容是对所述目标页面的首屏内容进行预渲染得到的。
5.一种页面处理方法,包括:
启动目标页面,并获取所述目标页面的首屏内容;
从所述首屏内容中读取页面布局配置文件;
将所述页面布局配置文件添加到预设页面模板中进行编译,得到所述目标页面对应的预渲染内容。
6.根据权利要求5所述的方法,其中,所述首屏内容的页面布局配置文件所包括元素样式和文档对象模型。
7.根据权利要求5所述的方法,还包括:
根据每个页面的访问数据和预设页面类型,从全量的页面中确定所述目标页面。
8.根据权利要求5所述的方法,还包括:
在启动所述目标页面过程中,对所述目标页面所需预设类型的页面资源进行拦截。
9.一种页面处理装置,包括:
第一显示模块,用于响应于用户对目标页面访问请求,在第一显示图层中展示所述目标页面对应的预渲染内容;
第二显示模块,用于在第二显示图层中对所述目标页面需要显示的真实内容进行渲染;其中,所述第一显示图层覆盖在所述第二显示图层之上;
移除模块,用于通过图层移除机制移除所述第一显示图层,并展示所述第二显示图层中所渲染的真实内容。
10.根据权利要求9所述的装置,其中,第一显示模块包括:
获取单元,用于响应于用户对目标页面访问请求,获取所述预渲染内容的页面布局配置文件;其中,所述页面布局配置文件包括元素样式和文档对象模型;
显示单元,用于基于所述页面布局配置文件中的元素样式和文档对象模型,在所述第一显示图层中展示所述预渲染内容。
11.根据权利要求9述的装置,其中,所述移除模块还用于:
在所述预渲染内容展示完成且所述第二显示图层中渲染的包括真实内容的页面的尺寸大于或等于所述预渲染内容的尺寸时,移除所述第一显示图层,并展示所述第二显示图层中所渲染的真实内容。
12.根据权利要求9-11中任一项所述的装置,其中,所述预渲染内容是对所述目标页面的首屏内容进行预渲染得到的。
13.一种页面处理装置,包括:
启动与内容获取模块,用于启动目标页面,并获取所述目标页面的首屏内容;
配置文件获取模块,用于从所述首屏内容中读取页面布局配置文件;
编译模块,用于将所述页面布局配置文件添加到预设页面模板中进行编译,得到所述目标页面对应的预渲染内容。
14.根据权利要求13所述的装置,其中,所述首屏内容的页面布局配置文件所包括元素样式和文档对象模型。
15.根据权利要求13所述的装置,还包括:
筛选模块,用于根据每个页面的访问数据和预设页面类型,从全量的页面中确定所述目标页面。
16.根据权利要求13所述的装置,还包括:
拦截模块,用于在启动所述目标页面过程中,对所述目标页面所需预设类型的页面资源进行拦截。
17.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-4或5-8中任一项所述的方法。
18.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行根据权利要求1-4或5-8中任一项所述的方法。
19.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-4或5-8中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210431222.3A CN114756797A (zh) | 2022-04-22 | 2022-04-22 | 一种页面处理方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210431222.3A CN114756797A (zh) | 2022-04-22 | 2022-04-22 | 一种页面处理方法、装置、电子设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114756797A true CN114756797A (zh) | 2022-07-15 |
Family
ID=82333490
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210431222.3A Pending CN114756797A (zh) | 2022-04-22 | 2022-04-22 | 一种页面处理方法、装置、电子设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114756797A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115329225A (zh) * | 2022-10-18 | 2022-11-11 | 中孚信息股份有限公司 | 基于服务端浏览器的页面预渲染方法、系统及设备 |
-
2022
- 2022-04-22 CN CN202210431222.3A patent/CN114756797A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115329225A (zh) * | 2022-10-18 | 2022-11-11 | 中孚信息股份有限公司 | 基于服务端浏览器的页面预渲染方法、系统及设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
AU2011101579B4 (en) | Selective rendering of off-screen content | |
EP2805258B1 (en) | Low resolution placeholder content for document navigation | |
US8631394B2 (en) | Static resource processing | |
US20150286739A1 (en) | Html5-protocol-based webpage presentation method and device | |
CN103678631A (zh) | 页面渲染方法及装置 | |
US20090085921A1 (en) | Populate Web-Based Content Based on Space Availability | |
CN112685671A (zh) | 页面显示方法、装置、设备及存储介质 | |
CN104133884A (zh) | 显示网页的方法及装置 | |
CN108241689A (zh) | 页面资源获取方法、装置和客户端设备 | |
JP2022512056A (ja) | ページ処理方法、デバイス、電子デバイス及びコンピュータ読み取り可能な記憶媒体 | |
CN114756797A (zh) | 一种页面处理方法、装置、电子设备和存储介质 | |
US9633408B2 (en) | Coalescing graphics operations | |
US20140229296A1 (en) | System and method for extracting style information from web pages and generating advertisements | |
CN111460342B (zh) | 页面的渲染展示方法、装置、电子设备及计算机存储介质 | |
US11151778B2 (en) | Optimized browser object rendering | |
CN108133029B (zh) | 地图元素的调整方法、装置、设备及计算机可读存储介质 | |
CN113642295B (zh) | 页面排版方法、装置及计算机程序产品 | |
CN114969591A (zh) | 页面渲染方法、装置、电子设备及可读存储介质 | |
CN113849164A (zh) | 数据处理方法、装置、电子设备和存储器 | |
CN110929186B (zh) | 一种客户端及信息显示方法、电子设备、介质 | |
US20160342570A1 (en) | Document presentation qualified by conditions evaluated on rendering | |
US10990750B2 (en) | Dynamically bundling web page resources | |
CN112861504A (zh) | 文本交互方法、装置、设备、存储介质及程序产品 | |
CN113221035A (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 |