CN112632436A - 一种网页显示方法、装置、电子设备及存储介质 - Google Patents
一种网页显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112632436A CN112632436A CN201910953463.2A CN201910953463A CN112632436A CN 112632436 A CN112632436 A CN 112632436A CN 201910953463 A CN201910953463 A CN 201910953463A CN 112632436 A CN112632436 A CN 112632436A
- Authority
- CN
- China
- Prior art keywords
- webpage
- displaying
- web page
- information
- layout
- 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
- 238000000034 method Methods 0.000 title claims abstract description 64
- 230000004044 response Effects 0.000 claims description 26
- 238000013507 mapping Methods 0.000 claims description 19
- 238000009877 rendering Methods 0.000 claims description 13
- 230000002159 abnormal effect Effects 0.000 claims description 11
- 230000008569 process Effects 0.000 description 16
- 238000012545 processing Methods 0.000 description 15
- 230000006870 function Effects 0.000 description 12
- 238000010586 diagram Methods 0.000 description 11
- 101000857680 Xenopus laevis Runt-related transcription factor 1 Proteins 0.000 description 5
- 230000000712 assembly Effects 0.000 description 2
- 238000000429 assembly Methods 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000007781 pre-processing Methods 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
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
技术领域
本申请涉及通信技术领域,具体涉及一种网页显示方法、装置、电子设备及存储介质。
背景技术
随着网络技术的高速发展,网页显现了诸多新特点和新变化,随之网页显示愈发受到关注。
现有技术中,一般是使用基于网页(Web)的应用超文本标记语言的第五次重大修改(H5,Hyper Text Markup Language 5)方案进行网页显示,在该网页显示方案中,进行网页显示前需要启动浏览器中所有与Web引擎相关的组件,并通过Web引擎从电子设备下载网页所需资源,再对资源进行后续处理。
由于现有方案的加载过程比较复杂,且需要在线下载资源,导致网页显示速度缓慢。
发明内容
本申请实施例提供一种网页显示方法、装置、电子设备及存储介质,可以提升网页显示速度。
本申请实施例提供一种网页显示方法,包括:
获取特征文件,以及调用预设组件;
根据所述特征文件生成第一网页,显示所述第一网页;
通过所述预设组件加载第二网页;
当第二网页加载完成时,对所述第一网页进行隐藏,并显示所述第二网页。
在一些实施方式中,所述显示所述第一网页之后,所述方法还包括:
基于所述第一网页接收输入信息,并基于所述第一网页响应所述输入信息;
所述当第二网页加载完成时,对所述第一网页进行隐藏,并显示所述第二网页包括:
当第二网页加载完成时,将所述输入信息映射至所述第二网页;
基于所述第二网页响应所述输入信息,得到响应网页;
对所述第一网页进行隐藏,并显示所述响应网页。
在一些实施方式中,所述当第二网页加载完成时,将所述输入信息映射至所述第二网页,所述方法包括:
当所述第二网页加载完成时,获取所述输入信息对应的第一网页标签;
根据第一网页标签集合和第二网页标签集合之间的预设关系,确认所述第一网页标签对应的第二网页标签;
将所述输入信息添加至所述第二网页标签。
在一些实施方式中,所述根据所述特征文件生成第一网页,所述方法包括:
解析所述特征文件,得到元素信息和布局信息;
根据所述元素信息和布局信息,生成第一网页。
在一些实施方式中,所述根据所述元素信息和布局信息,生成第一网页,所述方法包括:
根据所述元素信息和布局信息,得到预处理原生组件;
对所述预处理原生组件进行渲染,生成第一网页。
在一些实施方式中,所述根据所述元素信息和布局信息,得到预处理原生组件,所述方法包括:
根据所述元素信息,生成所述元素信息对应的原生组件;
根据所述布局信息得到布局策略;
按照所述布局策略,排列所述原生组件,得到预处理原生组件。
在一些实施方式中,所述当第二网页加载完成时,对所述第一网页进行隐藏,并显示所述第二网页之后,所述方法还包括:
当检测到所述第二网页出现异常时,对所述第二网页进行隐藏,并显示所述第一网页。
本申请实施例还提供一种网页显示装置,包括:
获取单元,用于获取特征文件,以及调用预设组件;
第一显示单元,用于根据所述特征文件生成第一网页,显示所述第一网页;
加载单元,用于通过所述预设组件加载第二网页;
第二显示单元,用于当第二网页加载完成时,对所述第一网页进行隐藏,并显示所述第二网页。
在一些实施例中,所述网页显示装置还可以包括:
第一响应单元,用于基于所述第一网页接收输入信息,并基于所述第一网页响应所述输入信息;
所述第二显示单元包括:
映射模块,用于当第二网页加载完成时,将所述输入信息映射至所述第二网页;
响应模块,用于基于所述第二网页响应所述输入信息,得到响应网页;
隐藏模块,用于对所述第一网页进行隐藏,并显示所述响应网页。
在一些实施例中,所述映射模块具体用于:当所述第二网页加载完成时,获取所述输入信息对应的第一网页标签;根据第一网页标签集合和第二网页标签集合之间的预设关系,确认所述第一网页标签对应的第二网页标签;将所述输入信息添加至所述第二网页标签。
在一些实施例中,所述第一显示单元包括:
解析模块,用于解析所述特征文件,得到元素信息和布局信息;
生成模块,用于根据所述元素信息和布局信息,生成第一网页
在一些实施例中,所述生成模块包括:
处理子模块,用于根据所述元素信息和布局信息,得到预处理原生组件;
渲染子模块,用于对所述预处理原生组件进行渲染,生成第一网页。
在一些实施例中,所述处理子模块具体用于:
根据所述元素信息,生成所述元素信息对应的原生组件;根据所述布局信息得到布局策略;按照所述布局策略,排列所述原生组件,得到预处理原生组件。
在一些实施例中,所述网页显示装置还包括:
第三显示单元,用于当检测到所述第二网页出现异常时,对所述第二网页进行隐藏,并显示所述第一网页。
此外,本申请实施例还提供一种电子设备,包括存储器和处理器;所述存储器存储有应用程序,所述处理器用于运行所述存储器内的应用程序,以执行本申请实施例所提供的任一种网页显示方法中的操作。
此外,本申请实施例还提供一种存储介质,所述存储介质存储有多条指令,所述指令适于处理器进行加载,以执行本申请实施例所提供的任一种网页显示方法中的步骤。
本申请实施例可以获取特征文件,以及调用预设组件,然后可以根据该特征文件生成第一网页,并显示该第一网页,以及通过该预设组件加载第二网页,当第二网页加载完成时,则对该第一网页进行隐藏,并显示该第二网页;由于该方案可以在加载第二网页并生成第一网页的情况下,先显示生成的第一网页,当第二网页加载完成后,再将第一网页切换为第二网页,从而提高了网页显示速度。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的网页显示装置的场景示意图;
图2是本申请实施例提供的网页显示方法的流程示意图;
图3是本申请实施例提供的虚拟导航页的一示意图;
图4是本申请实施例提供的真实导航页的一示意图;
图5是本申请实施例提供的网页显示方法的另一流程示意图;
图6是本申请实施例提供的XML语法支持标签的示意图;
图7是本申请实施例提供XML元素布局器与浏览器原生组件管理器在虚拟导航页生成过程的交互示意图;
图8是本申请实施例提供的虚拟导航页和真实导航页对输入信息处理的流程示意图;
图9是本申请实施例提供的网页显示装置的结构示意图;
图10是本申请实施例提供的网页显示装置的另一结构示意图;
图11是本申请实施例提供的网页显示装置的另一结构示意图;
图12是本申请实施例提供的电子设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请实施例提供一种网页显示方法、装置、电子设备及存储介质。
请参阅图1,图1为本申请实施例所提供的网页显示装置的场景示意图。其中,该网页显示装置具体可以集成在平板电脑、手机、个人计算机(PC,Personal Computer)等具备储存单元并安装有微处理器而且具有运算能力的电子设备中。电子设备可以获取特征文件,以及调用预设组件,再根据特征文件生成第一网页,并显示第一网页,以及通过预设组件加载第二网页,当第二网页加载完成时,则电子设备对第一网页进行隐藏,并显示第二网页。此外可选的,当电子设备根据特征文件生成第一网页,并显示第一网页后,可以基于第一网页接收输入信息,并基于第一网页响应输入信息。那么当第二网页加载完成时,电子设备可以将输入信息映射至第二网页,基于第二网页响应输入信息,得到响应网页,对第一网页进行隐藏,并显示响应网页。其中,在调用预设组件加载第二网页时,电子设备可以与服务器进行交互,以便从服务器上获取数据,并基于该数据加载第二网页。可选的,网页加载完成后,第一网页或第二网页在响应输入信息过程中,电子设备可以与服务器交互,以实现相关功能(比如跳转链接)。
需要说明的是,图1所示的网页显示装置的场景示意图仅仅是一个示例,本申请实施例描述的网页显示装置以及场景是为了更加清楚的说明本申请实施例的技术方案,并不构成对于本申请实施例提供的技术方案的限定,本领域普通技术人员可知,随着网页显示装置的演变和新业务场景的出现,本申请实施例提供的技术方案对于类似的技术问题,同样适用。
以下分别进行详细说明。
在本实施例中,将从网页显示装置的角度进行描述,该网页显示装置具体可以集成在平板电脑、手机、个人计算机(PC,Personal Computer)等电子设备中。如图2所示,该网页显示方法的具体流程可以如下:
101、获取特征文件,以及调用预设组件。
其中,特征文件是可以包括各类与网页生成相关的文件,每一网页有其特定的特征文件,不同网页的特征文件可以不同。比如,特征文件可以是基于一定语法标准(比如,基于可扩展应用程序标记语言(XAML,eXtensible Application Markup Language)的可扩展标记语言(XML,Extensible Markup Language)描述语法、或基于超文本标签语言(HTML,HyperText Markup Language)语法等语法标准),通过浏览器定义的一个扩展文件。该特征文件可以自动生成,也可以由人工生成。
其中,预设组件可以用于加载网页的特定组件,根据不同的网页显示方式,该预设组件可以不相同。
获取特征文件和调用预设组件是进行网页显示的前提,在接收到网页显示请求后,电子设备可以在同一时间或间隔预设时间执行获取特征文件和调用预设组件的步骤,以实现更快显示第一网页和第二网页的目的,该预设时间可以为可以根据电子设备实际需要进行灵活设置,例如,该预设时间可以设置为1毫秒。其中,该特征文件的获取方式可以是搜索电子设备上预先存储的特征文件,也可以是电子设备向服务器发送特征文件的获取请求,并接收服务器基于获取请求传输的特征文件,等等。调用预设组件的方式可以是从电子设备调用与网页相关的组件,等等。
102、根据特征文件生成第一网页,显示第一网页。
其中,第一网页是根据特征文件和相关组件生成的网页,该第一网页具有多个页面元素,比如,该多个页面元素可以包括搜索框、文本框、或图像等。后续通过预设组件加载的第二网页可以具有多个页面元素,比如,该多个页面元素可以包括搜索框、文本框、或图像等。此外,第一网页的页面布局可以是以第二网页的页面布局为基础而构建,比如,弹性布局、或自适应布局等。因此,第一网页与第二网页在观感上属于非常相似的两个网页,使得用户在基本感受不到二者的区别。
由于第一网页是通过解析特征文件以生成第一网页,因此其显示速度较快,在与第二网页同时开始显示的情况下,第一网页可以快速生成,并首先显示给用户。
在某些实施方式中,网页显示装置根据该特征文件生成第一网页,显示该第一网页的步骤可以包括:解析特征文件,得到元素信息和布局信息;根据元素信息,生成元素信息对应的原生组件;根据布局信息得到布局策略;按照布局策略,排列原生组件,得到预处理原生组件;对预处理原生组件进行渲染,生成第一网页。
其中,元素信息可以对应在网页显示时的页面元素,布局信息可以对应在网页显示时的页面布局,元素信息和布局信息属于对页面元素和页面布局等这些特点的抽象化的描述,比如,元素信息可以包括对线和文本框等的抽象描述,布局信息可以包括对单个元素的布局。其中,元素信息以标签形式展示,布局信息位于标签的属性部分。比如,某一网页中的元素信息可以包括图片和搜索框,该网页的布局信息可以包括:图片和搜索框位于一个网格布局内,该网格布局在该网页的居中位置。
由于特征文件存储了元素信息和布局信息,所以可以通过解析器解析特征文件,得到元素信息和布局信息,例如,通过解析器把特征文件载入电子设备的内存,并把特征文件解析为另一文件,该文件包含元素信息和布局信息。
此时,可以根据元素信息生成元素信息对应的原生组件,其中,原生组件是对标签形式的元素信息进行映射得到的对象,即原生组件为对象形式。
以及,根据布局信息得到布局策略,其中,布局信息可以包括绝对布局信息和相对布局信息。基于绝对布局信息可以直接得到一布局策略,基于相对布局信息得到另一布局策略则需要通过计算获取。
然后,可以按照布局策略排列原生组件,得到预处理原生组件。在得到预处理原生组件后,通过调用渲染器把预处理原生组件绘制出来,得到第一网页,并将第一网页显示在电子设备的屏幕上。其中,可以使用的渲染器可以包括二维向量图形处理函数库(Skia)引擎、或微软基础类库(MFC,Microsoft Foundation Classes)组件等等。
在某些实施方式中,网页显示装置根据该特征文件生成第一网页后,显示该第一网页的步骤之后,还可以包括:基于第一网页接收输入信息,并基于第一网页响应输入信息。
例如,第一网页的搜索框接收输入信息“如何长高”,第一网页响应输入信息可以是:第一网页基于此信息显示搜索词联想,如“如何长高方法”、“如何长高科学方法”等。
103、通过预设组件加载第二网页。
其中,第二网页与第一网页的相似度极高,第二网页的独有元素(例如,天气、反馈或时间与日期等)通常位于网页非中心位置,其实现的功能并不属于第二网页的核心功能,第二网页的显示方案导致了第二网页显示速度明显低于第一网页。
其中,根据选择的网页显示方式,选择不同预设组件,这一过程通常需要向服务器发送请求、接收服务器发送的数据并对数据执行预设处理步骤,最终显示一个完整的第二网页。
104、当第二网页加载完成时,对第一网页进行隐藏,并显示第二网页。
当第二网页加载完成时,可以对第一网页进行隐藏,此时第一网页为不可见状态,以及显示第二网页,使得第二网页为可见状态。
在某些实施方式中,网页显示方式根据该特征文件生成第一网页后,显示该第一网页的步骤之后,还可以包括:基于第一网页接收输入信息,并基于第一网页响应输入信息。网页显示方式在当第二网页加载完成时,对第一网页进行隐藏,并显示第二网页可以包括:当第二网页加载完成时,将输入信息映射至第二网页;基于第二网页响应输入信息,得到响应网页;对第一网页进行隐藏,并显示响应网页。
其中,输入信息可以是指由用户进行的,对第一网页的某些可输入页面元素进行的操作。比如,点击链接、或输入搜索词等等。而响应输入信息即对这些输入信息进行处理,比如,跳转链接、或显示搜索词的联想词等等。
其中,将输入信息映射至第二网页的过程中,可以通过第一网页向第二网页注入输入信息,也可以通过第二网页获取并修改从第一网页获取的输入信息。在某些实施方式中,当第二网页加载完成时,将输入信息映射至第二网页可以包括:当第二网页加载完成时,获取输入信息对应的第一网页标签;根据第一网页标签集合和第二网页标签集合之间的预设关系,确认第一网页标签对应的第二网页标签;将输入信息添加至第二网页标签。
例如,可以预先建立根据第一网页标签集合和第二网页标签集合之间的预设关系,该预设关系可以包括:第一网页标签A与第二网页标签a之间的对应关系、第一网页标签B与第二网页标签b之间的对应关系等等。该预设关系可以自动确定,也可以人为设置。当第二网页加载完成时,可以获取输入信息对应的第一网页标签,根据该预设关系确认第一网页标签对应的第二网页标签;此时可以将输入信息添加至第二网页标签。例如,将第一网页标签A接收的输入信息“如何长高”添加至第二网页标签a。
本申请实施例可以获取特征文件,以及调用预设组件,然后可以根据该特征文件生成第一网页,并显示该第一网页,以及通过该预设组件加载第二网页,当第二网页加载完成时,则对该第一网页进行隐藏,并显示该第二网页;由于该方案可以在加载第二网页并生成第一网页的情况下,先显示生成的第一网页,当第二网页加载完成后,再将第一网页切换为第二网页,从而提高了网页显示速度。
根据上述实施例所描述的方法,以下将举例作进一步详细说明。
以浏览器的导航页为例,图3和图4分别展示了虚拟导航页(即第一网页)和真实导航页(即第二网页)。根据图3和图4可知,虚拟导航页和真实导航页共有的元素可以包括搜索框和网站索引(例如,网站A或网站B等)等核心的页面元素,真实导航页内可以设置有如天气、反馈、时间与日期等非核心的页面元素,另外,非核心的页面元素可以位于导航页的边缘位置,由于多数用户对处于边缘位置的非核心的页面元素关注度较低,所以在本实施例在对虚拟导航页和真实导航页的显示过程中,基于对两个导航页页面元素的设置,使得用户几乎察觉不到虚拟导航页和真实导航页的区别,从而提高了显示效果。
请参阅图5,图5为本申请实施例提供的网页显示方法的另一流程示意图。
该方法的具体流程可以包括:
201、电子设备获取特征文件,以及调用预设组件。
其中,特征文件可以基于语法生成,该语法可以是与浏览器处理特征文件的组件(简称处理组件)所支持的语法相匹配。比如,特征文件及处理组件可以是基于XAML的XML描述语法,基于HTML语法,等等。具体的,特征文件可以是包含元素信息和布局信息(比如,布局信息位于元素信息标签的属性内)的文件,也可以是包含元素信息的文件和包含布局信息的文件。比如,XML文件包含布局信息,层叠样式表(CSS,Cascading Style Sheets)文件包含元素信息,等等。
例如,电子设备可以通过在本地搜索或向服务器发送请求的方式获取XML描述文件,电子设备也可以再接收到网页显示请求后,在本地调用预设组件。
202、电子设备解析特征文件,得到元素信息和布局信息,根据元素信息,生成元素信息对应的原生组件,根据布局信息得到布局策略。
203、电子设备按照布局策略,排列原生组件,得到预处理原生组件。
204、电子设备对预处理原生组件进行渲染,生成虚拟导航页。
例如,特征文件是基于XML描述语法生成的XML描述文件,文件中包含元素信息和布局信息,布局信息包含在元素信息的属性内。则虚拟导航页的显示需要浏览器内部的XML元素布局器和浏览器原生组件管理器来实现。
XML元素布局器的描述语法使用了微软的XAML语法的子集,实现了部分微软公开的XAML定义,支持在开发工具包的XAML编辑器中编辑、或预览。如图6所示,XML元素布局器主要支持的原生组件标签有:文本(TextBlock/Label)、图片(Image)、直线(Line)、嵌套XML页面(Frame)、搜索框(SearchBox)等,支持的布局标签有:网格布局(Grid)和栈式布局(StackPanel)。
其中,浏览器原生组件管理器基于浏览器基础框架构建,浏览器原生组件管理器的底层使用渲染引擎绘制,浏览器原生组件管理器的上层封装了XML元素布局器所支持标签对应的组件(例如文本、图片、直线、嵌套XML页面、或搜索框等),并通过响应窗口消息与用户交互。比如,嵌套XML页面组件,可以通过调用XML元素布局器递归显示XML页面;搜索框组件使用了浏览器搜索栏组件,支持热搜词列表推荐、用户输入的搜索词联想、自定义搜索引擎和计费码等功能。
如图7所示,在生成虚拟导航页的过程中,XML元素布局器和浏览器原生组件管理器之间的数据传输和交互过程。其中,XML元素布局器主要实现:获取XML描述文件,然后解析XML描述文件,得到元素信息和布局信息;对布局信息进行计算得到布局策略;按照布局策略,排列原生组件,得到预处理原生组件,以及将元素信息,以及预处理原生组件发送给浏览器原生组件管理器。在网页生成阶段,浏览器原生组件管理器主要实现:根据元素信息,生成元素信息对应的原生组件,并将原生组件发送给XML元素布局器,以便XML元素布局器按照布局策略排列原生组件;对预处理原生组件进行渲染,生成虚拟导航页。最后浏览器原生组件管理器对预处理原生组件进行渲染,生成虚拟导航页。
例如,获取如图3虚拟导航页对应的XML描述文件,通过XML元素布局器解析该XML描述文件,得到包含搜索框标签、文本标签等的元素信息,搜索框标签或文本标签内均包含各自对应的布局信息。对于不能直接使用的布局信息,由XML元素布局器进行计算获得其对应的布局策略,通过XML元素布局器调用浏览器原生页面管理器由浏览器原生页面管理器根据元素标签,生成原生组件。电子设备可以通过XML元素布局器对按照布局策略,排列原生组件,得到预处理原生组件。最后,电子设备可以通过浏览器原生页面管理器对预处理原生组件进行渲染,生成虚拟导航页。
205、电子设备基于虚拟导航页接收输入信息,并基于虚拟导航页响应输入信息。
其中,输入信息可以是文字输入、或点击页面元素等。输入信息指向的对象为虚拟导航页。比如,电子设备通过虚拟导航页可以接收的输入信息可以包括:点击链接、或输入搜索词等,对应的响应输入信息可以包括跳转链接、或显示联想词等。
206、电子设备通过预设组件加载真实导航页。
其中,可以根据实际需要选择的网页显示方式,根据选定的网页显示方式确定不同的预设组件,在电子设备通过预设组件加载真实导航页的过程中,电子设备可以向服务器发送请求,并接收服务器基于请求返回的数据,使得电子设备处理数据,得到真实导航页,并最终显示一个完整的真实导航页。比如,真实导航页采用的是H5网页显示方式,真实导航页需要浏览器支持,首先启动浏览器内核中与Web引擎相关的组件,通过这些组件向服务器发送请求,以便从服务器下载真实导航页所需资源,再对资源进行解析、计算、及渲染等,得到一个真实导航页。
207、当真实导航页加载完成时,电子设备将输入信息映射至真实导航页;基于真实导航页响应输入信息,得到响应网页;对虚拟导航页进行隐藏,并显示响应网页。
其中,将输入信息映射至真实导航页可以包括:当真实导航页加载完成时,获取输入信息对应的虚拟导航页标签;根据虚拟导航页标签集合和第二网页标签集合之间的预设关系,确认虚拟导航页标签对应的真实导航页标签;将输入信息添加至真实导航页标签。
将输入信息映射至真实导航页的过程可以由真实导航页主导,比如,真实导航页加载完成时,真实导航页可以调用浏览器内核定制的扩展接口,获取输入信息,并修改真实导航页上对应的页面元素,也可以由虚拟导航页主导,比如,在浏览器原生组件管理器中,利用元素标签映射的方式,将输入信息转移到真实网页上。由于运行在浏览器中,所以可以通过浏览器内核向网页注入脚本,直接修改网页内的元素,从而把虚拟导航页上接收的输入信息,模拟到真实导航页上。
虚拟导航页与真实导航页对于输入信息的处理和切换过程可以如图8所示:电子设备内的浏览器原生组件管理器和浏览器内核在启动浏览器时同时加载网页,先显示由浏览器原生组件管理器加载完成的虚拟导航页,并通过浏览器原生组件管理器接收输入信息,以及记录并响应输入信息,再输出响应输入信息的结果。当由浏览器内核加载的真实导航页加载完成时,通过浏览器内核将真实导航页加载完成的提示发送至浏览器原生组件管理器,接着将输入信息传输至浏览器内核,通过浏览器内核同步并响应该输入信息、输出响应输入信息后的真实导航页。
208、当电子设备检测到真实导航页出现异常时,对真实导航页进行隐藏,并显示虚拟导航页。
电子设备检测到真实导航页是否出现异常,可能的异常情况可以包括:真实导航页无法打开等,当电子设备检测到真实导航页出现异常时,对真实导航页进行隐藏,并显示虚拟导航页。
本申请实施例中电子设备可以获取特征文件,以及调用预设组件,析特征文件,得到元素信息和布局信息,根据元素信息和布局信息生成虚拟导航页,然后基于虚拟导航页接收输入信息,并基于虚拟导航页响应输入信息,此时可以通过预设组件加载真实导航页。当真实导航页加载完成时,电子设备将输入信息映射至真实导航页并基于真实导航页响应输入信息,得到响应网页,对虚拟导航页进行隐藏,并显示响应网页;当电子设备检测到真实导航页出现异常时,对真实导航页进行隐藏,并显示虚拟导航页。由于该方案可以在加载真实导航页并生成虚拟导航页的情况下,首先显示快速生成的虚拟导航页,使得虚拟导航页能够快速显示,当真实导航页加载完成后,再将虚拟导航页切换为真实导航页,以及,当真实导航页出现异常时,可以将真实导航页切换为虚拟导航页,以便正常使用导航页,从而提高了网页(即导航页)显示速度,提高了网页显示的稳定性。
为便于更好的实施本申请实施例提供的媒体文件获取方法,本申请实施例还提供一种网页显示的装置。其中名词的含义与上述媒体文件获取方法中相同,具体实现细节可以参考方法实施例中的说明。
请参阅图9,图9为本申请实施例提供的网页显示装置的结构示意图,其中该网页显示装置可以包括请求获取单元301、第一显示单元302、加载单元303及第二显示获取单元304等。其中:
获取单元301,用于获取特征文件,以及调用预设组件。
第一显示单元302,用于根据特征文件生成第一网页,显示第一网页。
加载单元303,用于通过预设组件加载第二网页。
第二显示单元304,用于当第二网页加载完成时,对第一网页进行隐藏,并显示第二网页。
在一些实施例中,如图10所示,网页显示装置还可以包括:
第一响应单元305,用于基于第一网页接收输入信息,并基于第一网页响应输入信息。
第二显示单元304可以包括映射模块3041、响应模块3042和隐藏模块3043等,具体可以如下:
映射模块3041,用于当第二网页加载完成时,将输入信息映射至第二网页;
响应模块3042,用于基于第二网页响应输入信息,得到响应网页;
隐藏模块3043,用于对第一网页进行隐藏,并显示响应网页。
在一些实施例中,映射模块3041具体用于:当第二网页加载完成时,获取输入信息对应的第一网页标签;根据第一网页标签集合和第二网页标签集合之间的预设关系,确认第一网页标签对应的第二网页标签;将输入信息添加至第二网页标签。
在一些实施例中,如图11所示,第一显示单元302可以包括解析模块3021和生成模块3022等,其中:
解析模块3021,用于解析特征文件,得到元素信息和布局信息;
生成模块3022,用于根据元素信息和布局信息,生成第一网页
在一些实施例中,生成模块3022可以包括处理子模块和渲染子模块等,具体可以如下:
处理子模块,用于根据元素信息和布局信息,得到预处理原生组件;
渲染子模块,用于对预处理原生组件进行渲染,生成第一网页。
在一些实施例中,处理子模块具体用于:
根据元素信息,生成元素信息对应的原生组件;根据布局信息得到布局策略;按照布局策略,排列原生组件,得到预处理原生组件。
在一些实施例中,网页显示装置还可以包括:
第三显示单元,用于当检测到第二网页出现异常时,对第二网页进行隐藏,并显示第一网页。
本申请实施例在电子设备可以通过获取单元301获取特征文件,以及调用预设组件,然后可以由第一显示单元302根据特征文件生成第一网页,并显示第一网页,以及由加载单元303通过预设组件加载第二网页,最后由第二显示单元304在第二网页加载完成时,对第一网页进行隐藏,并显示第二网页;由于该方案可以在加载第二网页并生成第一网页的情况下,先显示生成的第一网页,当第二网页加载完成后,再将第一网页切换为第二网页,从而提高了网页显示速度。
本申请实施例还提供一种电子设备,如图12所示,其示出了本申请实施例所涉及的电子设备的结构示意图,具体来讲:
该电子设备可以包括一个或者一个以上处理核心的处理器401、一个或一个以上计算机可读存储介质的存储器402、电源403和输入单元404等部件。本领域技术人员可以理解,图12中示出的电子设备结构并不构成对电子设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
处理器401是该电子设备的控制中心,利用各种接口和线路连接整个电子设备的各个部分,通过运行或执行存储在存储器402内的软件程序和/或模块,以及调用存储在存储器402内的数据,执行电子设备的各种功能和处理数据,从而对电子设备进行整体监控。可选的,处理器401可包括一个或多个处理核心;优选的,处理器401可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器401中。
存储器402可用于存储软件程序以及模块,处理器401通过运行存储在存储器402的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器402可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据电子设备的使用所创建的数据等。此外,存储器402可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器402还可以包括存储器控制器,以提供处理器401对存储器402的访问。
电子设备还包括给各个部件供电的电源403,优选的,电源403可以通过电源管理系统与处理器401逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源403还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
该电子设备还可包括输入单元404,该输入单元404可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。
尽管未示出,电子设备还可以包括显示单元等,在此不再赘述。具体在本实施例中,电子设备中的处理器401会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器402中,并由处理器401来运行存储在存储器402中的应用程序,从而实现各种功能,如下:
获取特征文件,以及调用预设组件;根据特征文件生成第一网页,显示第一网页;通过预设组件加载第二网页;当第二网页加载完成时,对第一网页进行隐藏,并显示第二网页。
在一些实施方式中,在显示第一网页之后,处理器401还执行:
基于第一网页接收输入信息,并基于第一网页响应输入信息;当第二网页加载完成时,对第一网页进行隐藏,并显示第二网页包括:当第二网页加载完成时,将输入信息映射至第二网页;基于第二网页响应输入信息,得到响应网页;对第一网页进行隐藏,并显示响应网页。
在一些实施方式中,在将输入信息映射至第二网页时,处理器401还执行:
当第二网页加载完成时,获取输入信息对应的第一网页标签;根据第一网页标签集合和第二网页标签集合之间的预设关系,确认第一网页标签对应的第二网页标签;将输入信息添加至第二网页标签。
在一些实施方式中,在根据特征文件生成第一网页时,处理器401还执行:
解析特征文件,得到元素信息和布局信息;根据元素信息和布局信息,生成第一网页。
在一些实施方式中,在根据元素信息和布局信息,生成第一网页时,处理器401还执行:
根据元素信息和布局信息,得到预处理原生组件;对预处理原生组件进行渲染,生成第一网页。
在一些实施方式中,在根据元素信息和布局信息,得到预处理原生组件时,处理器401还执行:
根据元素信息,生成元素信息对应的原生组件;根据布局信息得到布局策略;按照布局策略,排列原生组件,得到预处理原生组件。
在一些实施方式中,当第二网页加载完成时,对第一网页进行隐藏,并显示第二网页之后,处理器401还执行:
当检测到第二网页出现异常时,对第二网页进行隐藏,并显示第一网页。
本申请实施例电子设备在获取特征文件,以及调用预设组件后,可以根据该特征文件生成第一网页,并显示该第一网页,以及通过该预设组件加载第二网页,当第二网页加载完成时,则对该第一网页进行隐藏,并显示该第二网页;由于该方案可以在加载第二网页并生成第一网页的情况下,先显示生成的第一网页,当第二网页加载完成后,再将第一网页切换为第二网页,从而提高了网页显示速度。
本领域普通技术人员可以理解,上述实施例的各种方法中的全部或部分步骤可以通过指令来完成,或通过指令控制相关的硬件来完成,该指令可以存储于一计算机可读存储介质中,并由处理器进行加载和执行。
为此,本申请实施例提供一种存储介质,其中存储有多条指令,该指令能够被处理器进行加载,以执行本申请实施例所提供的任一种虚拟资源的转移方法中的步骤。例如,该指令可以执行如下步骤:
获取特征文件,以及调用预设组件;根据特征文件生成第一网页,显示第一网页;通过预设组件加载第二网页;当第二网页加载完成时,对第一网页进行隐藏,并显示第二网页。
以上各个操作的具体实施可参见前面的实施例,在此不再赘述。
其中,该存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、磁盘或光盘等。
由于该存储介质中所存储的指令,可以执行本申请实施例所提供的任一种网页显示方法中的步骤,因此,可以实现本申请实施例所提供的任一种网页显示方法所能实现的有益效果,详见前面的实施例,在此不再赘述。
以上对本申请实施例所提供的一种网页显示方法、装置、电子设备及存储介质进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本申请的限制。
Claims (10)
1.一种网页显示方法,其特征在于,包括:
获取特征文件,以及调用预设组件;
根据所述特征文件生成第一网页,显示所述第一网页;
通过所述预设组件加载第二网页;
当第二网页加载完成时,对所述第一网页进行隐藏,并显示所述第二网页。
2.根据权利要求1所述的网页显示方法,其特征在于,所述显示所述第一网页之后,所述方法还包括:
基于所述第一网页接收输入信息,并基于所述第一网页响应所述输入信息;
所述当第二网页加载完成时,对所述第一网页进行隐藏,并显示所述第二网页包括:
当第二网页加载完成时,将所述输入信息映射至所述第二网页;
基于所述第二网页响应所述输入信息,得到响应网页;
对所述第一网页进行隐藏,并显示所述响应网页。
3.根据权利要求2所述的网页显示方法,其特征在于,所述当第二网页加载完成时,将所述输入信息映射至所述第二网页,包括:
当所述第二网页加载完成时,获取所述输入信息对应的第一网页标签;
根据第一网页标签集合和第二网页标签集合之间的预设关系,确认所述第一网页标签对应的第二网页标签;
将所述输入信息添加至所述第二网页标签。
4.根据权利要求1所述的网页显示方法,其特征在于,所述根据所述特征文件生成第一网页,包括:
解析所述特征文件,得到元素信息和布局信息;
根据所述元素信息和布局信息,生成第一网页。
5.根据权利要求4所述的网页显示方法,其特征在于,所述根据所述元素信息和布局信息,生成第一网页,包括:
根据所述元素信息和布局信息,得到预处理原生组件;
对所述预处理原生组件进行渲染,生成第一网页。
6.根据权利要求5所述的网页显示方法,其特征在于,所述根据所述元素信息和布局信息,得到预处理原生组件,包括:
根据所述元素信息,生成所述元素信息对应的原生组件;
根据所述布局信息得到布局策略;
按照所述布局策略,排列所述原生组件,得到预处理原生组件。
7.根据权利要求1至6任一项所述的网页显示方法,其特征在于,所述当第二网页加载完成时,对所述第一网页进行隐藏,并显示所述第二网页之后,所述方法还包括:
当检测到所述第二网页出现异常时,对所述第二网页进行隐藏,并显示所述第一网页。
8.一种网页显示装置,其特征在于,包括:
获取单元,用于获取特征文件,以及调用预设组件;
第一显示单元,用于根据所述特征文件生成第一网页,显示所述第一网页;
加载单元,用于通过所述预设组件加载第二网页;
第二显示单元,用于当第二网页加载完成时,对所述第一网页进行隐藏,并显示所述第二网页。
9.一种电子设备,其特征在于,包括存储器和处理器;所述存储器存储有应用程序,所述处理器用于运行所述存储器内的应用程序,以执行权利要求1至7任一项所述的网页显示方法中的操作。
10.一种存储介质,其特征在于,所述存储介质存储有多条指令,所述指令适于处理器进行加载,以执行权利要求1至7任一项所述的网页显示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910953463.2A CN112632436A (zh) | 2019-10-09 | 2019-10-09 | 一种网页显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910953463.2A CN112632436A (zh) | 2019-10-09 | 2019-10-09 | 一种网页显示方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112632436A true CN112632436A (zh) | 2021-04-09 |
Family
ID=75283598
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910953463.2A Pending CN112632436A (zh) | 2019-10-09 | 2019-10-09 | 一种网页显示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112632436A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116578793A (zh) * | 2023-07-03 | 2023-08-11 | 广州趣米网络科技有限公司 | 前端页面设计方法和系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8245125B1 (en) * | 2011-11-30 | 2012-08-14 | Google Inc. | Hybrid rendering for webpages |
CN106095460A (zh) * | 2016-06-21 | 2016-11-09 | 上海联彤网络通讯技术有限公司 | 实现终端内嵌浏览器优化网页加载的系统及方法 |
CN110309451A (zh) * | 2018-03-02 | 2019-10-08 | 拉扎斯网络科技(上海)有限公司 | 一种web预加载页面的生成方法及装置 |
-
2019
- 2019-10-09 CN CN201910953463.2A patent/CN112632436A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8245125B1 (en) * | 2011-11-30 | 2012-08-14 | Google Inc. | Hybrid rendering for webpages |
CN106095460A (zh) * | 2016-06-21 | 2016-11-09 | 上海联彤网络通讯技术有限公司 | 实现终端内嵌浏览器优化网页加载的系统及方法 |
CN110309451A (zh) * | 2018-03-02 | 2019-10-08 | 拉扎斯网络科技(上海)有限公司 | 一种web预加载页面的生成方法及装置 |
Non-Patent Citations (1)
Title |
---|
阿_迪: "web中跨页面的点击事件", Retrieved from the Internet <URL:https://www.cnblogs.com/adidas1/p/9283609.html> * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116578793A (zh) * | 2023-07-03 | 2023-08-11 | 广州趣米网络科技有限公司 | 前端页面设计方法和系统 |
CN116578793B (zh) * | 2023-07-03 | 2024-01-26 | 广州趣米网络科技有限公司 | 前端页面设计方法和系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11182535B2 (en) | Configuring a page for drag and drop arrangement of content artifacts in a page development tool | |
US11144711B2 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
EP3005301B1 (en) | Animation editing | |
RU2390834C2 (ru) | Способ и устройство для просмотра и взаимодействия с электронной таблицей из веб-браузера | |
CN104995601B (zh) | 切换到本机网页应用程序及从本机网页应用程序切换离开 | |
US8930824B2 (en) | Facilitating propagation of user interface patterns or themes | |
CN101909082B (zh) | 一种基于模型驱动的网格门户配置系统及配置方法 | |
CN105354013A (zh) | 应用界面渲染方法及装置 | |
CN110764680B (zh) | 生成模拟键盘的方法、装置、电子设备及计算机可读介质 | |
CN110297636A (zh) | 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置 | |
CN111880789A (zh) | 页面渲染方法、装置、服务端和计算机可读存储介质 | |
CN111352627A (zh) | 一种页面骨架屏生成方法、装置、设备及可读存储介质 | |
CN112000416B (zh) | 卡片视图生成方法、装置及计算机可读存储介质 | |
CN113778405A (zh) | 一种跨平台app构建方法、装置、系统及介质 | |
CN112632436A (zh) | 一种网页显示方法、装置、电子设备及存储介质 | |
CN113934959B (zh) | 一种程序预览方法、装置、计算机设备和存储介质 | |
CN112001157B (zh) | 一种网页数据表格在线设计方法及装置 | |
CN112988255B (zh) | 数据处理方法、装置及计算机可读存储介质 | |
CN113849164A (zh) | 数据处理方法、装置、电子设备和存储器 | |
CN113608726B (zh) | 代码生成方法、装置、电子设备及存储介质 | |
CN116991506B (zh) | 一种网页渲染方法、装置、终端和存储介质 | |
CN111694723B (zh) | 产品在h5下运行时对节点及组件编辑的方法、存储介质 | |
CN114840269A (zh) | 一种对话框显示方法、装置、电子设备和存储介质 | |
CN118427473A (zh) | 一种动态向导配置的方法、装置、设备及存储介质 | |
CN116204175A (zh) | Ui模型驱动的前端无代码开发框架、方法、介质及设备 |
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 | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20221114 Address after: 1402, Floor 14, Block A, Haina Baichuan Headquarters Building, No. 6, Baoxing Road, Haibin Community, Xin'an Street, Bao'an District, Shenzhen, Guangdong 518,101 Applicant after: Shenzhen Yayue Technology Co.,Ltd. Address before: 518057 Tencent Building, No. 1 High-tech Zone, Nanshan District, Shenzhen City, Guangdong Province, 35 floors Applicant before: TENCENT TECHNOLOGY (SHENZHEN) Co.,Ltd. |
|
TA01 | Transfer of patent application right |