CN110851756A - 页面加载方法、装置、计算机可读存储介质及终端设备 - Google Patents
页面加载方法、装置、计算机可读存储介质及终端设备 Download PDFInfo
- Publication number
- CN110851756A CN110851756A CN201910966531.9A CN201910966531A CN110851756A CN 110851756 A CN110851756 A CN 110851756A CN 201910966531 A CN201910966531 A CN 201910966531A CN 110851756 A CN110851756 A CN 110851756A
- Authority
- CN
- China
- Prior art keywords
- page
- loading
- thread
- target
- page loading
- 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
技术领域
本申请属于计算机技术领域,尤其涉及一种页面加载方法、装置、计算机可读存储介质及终端设备。
背景技术
混合应用程序(Hybrid APP)是现在前端开发中经常使用的一项前端开发框架,一方面具有原始应用程序(Native APP)良好的用户交互体验的优势,另一方面还具有网页应用程序(Web APP)跨平台开发的优势,其中最关键的就是运行在浏览器中的H5页面,相比原始的页面,由于运用了很多先进的技术,有着很多闪光的地方,比如资源包体积压缩,路由跳转,统一状态管理等等。但是由于页面加载过程中需要加载的内容过多,花费的时间较长,用户体验较差。
发明内容
有鉴于此,本申请实施例提供了一种页面加载方法、装置、计算机可读存储介质及终端设备,以解决现有的混合应用程序在页面加载过程中需要加载的内容过多,花费的时间较长,用户体验较差的问题。
本申请实施例的第一方面提供了一种页面加载方法,可以包括:
接收页面加载请求,并根据所述页面加载请求获取待加载的目标页面的配置文件;
执行第一页面加载线程,所述第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言数据至预设的浏览器中;
在所述第一页面加载线程完成后,并行执行第二页面加载线程和第三页面加载线程,所述第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,所述第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中;
在所述第二页面加载线程完成后,执行第四页面加载线程,所述第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化;
在所述第三页面加载线程和所述第四页面加载线程完成后,执行第五页面加载线程,所述第五页面加载线程为在所述浏览器中展示所述目标页面。
本申请实施例的第二方面提供了一种页面加载装置,可以包括:
配置文件获取模块,用于接收页面加载请求,并根据所述页面加载请求获取待加载的目标页面的配置文件;
HTML加载模块,用于执行第一页面加载线程,所述第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言数据至预设的浏览器中;
并行执行模块,用于在所述第一页面加载线程完成后,并行执行第二页面加载线程和第三页面加载线程,所述第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,所述第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中;
初始化模块,用于在所述第二页面加载线程完成后,执行第四页面加载线程,所述第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化;
页面展示模块,用于在所述第三页面加载线程和所述第四页面加载线程完成后,执行第五页面加载线程,所述第五页面加载线程为在所述浏览器中展示所述目标页面。
本申请实施例的第三方面提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如下步骤:
接收页面加载请求,并根据所述页面加载请求获取待加载的目标页面的配置文件;
执行第一页面加载线程,所述第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言数据至预设的浏览器中;
在所述第一页面加载线程完成后,并行执行第二页面加载线程和第三页面加载线程,所述第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,所述第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中;
在所述第二页面加载线程完成后,执行第四页面加载线程,所述第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化;
在所述第三页面加载线程和所述第四页面加载线程完成后,执行第五页面加载线程,所述第五页面加载线程为在所述浏览器中展示所述目标页面。
本申请实施例的第四方面提供了一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令,所述处理器执行所述计算机可读指令时实现如下步骤:
接收页面加载请求,并根据所述页面加载请求获取待加载的目标页面的配置文件;
执行第一页面加载线程,所述第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言数据至预设的浏览器中;
在所述第一页面加载线程完成后,并行执行第二页面加载线程和第三页面加载线程,所述第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,所述第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中;
在所述第二页面加载线程完成后,执行第四页面加载线程,所述第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化;
在所述第三页面加载线程和所述第四页面加载线程完成后,执行第五页面加载线程,所述第五页面加载线程为在所述浏览器中展示所述目标页面。
本申请实施例与现有技术相比存在的有益效果是:本申请实施例将整个页面加载的过程划分为五个页面加载线程,其中,第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言数据至预设的浏览器中,第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中,第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化,第五页面加载线程为在所述浏览器中展示所述目标页面。在接收到页面加载请求后,首先根据所述页面加载请求获取待加载的目标页面的配置文件,然后根据所述配置文件分别执行这五个页面加载线程。其中,在所述第一页面加载线程完成后,并行执行第二页面加载线程和所述第三页面加载线程,然后,在所述第二页面加载线程完成后,执行所述第四页面加载线程,最后,在所述第三页面加载线程和所述第四页面加载线程完成后,执行所述第五页面加载线程。通过这样的方式,将页面资源和通用网关接口数据的加载过程由原有的串行处理变更为并行处理,从而实现了对页面加载时间的有效压缩,极大改善了用户的使用体验。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其它的附图。
图1为本申请实施例中一种页面加载方法的一个实施例流程图;
图2为根据配置文件从预设的目标服务器中加载目标页面的页面资源至浏览器中的示意流程图;
图3为将各个页面加载线程依次串行执行的示意图;
图4为在本实施例中的第一种情形下,各个页面加载线程执行的示意图;
图5为在本实施例中的第二种情形下,各个页面加载线程执行的示意图;
图6为本申请实施例中一种页面加载装置的一个实施例结构图;
图7为本申请实施例中一种终端设备的示意框图。
具体实施方式
为使得本申请的发明目的、特征、优点能够更加的明显和易懂,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,下面所描述的实施例仅仅是本申请一部分实施例,而非全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本申请保护的范围。
请参阅图1,本申请实施例中一种页面加载方法的一个实施例可以包括:
步骤S101、接收页面加载请求,并根据所述页面加载请求获取待加载的目标页面的配置文件。
本申请实施例的实施主体可以为支持混合应用程序的终端设备,所述终端设备中可以为用户提供原生界面,在原生界面中包括所述混合应用程序向用户提供的信息,比如所述混合应用程序的页面展示接口,所述页面展示接口为混合应用程序中通过页面形式展示信息的接口。例如,在所述混合应用程序的原生界面显示特定信息的虚拟按键。
当用户需要在所述混合应用程序中进行页面加载时,可以通过点击所述混合应用程序中的虚拟按键向所述终端设备下发页面加载请求。在所述混合应用程序中可以提供多个页面展示接口,其中,每个页面展示接口均有一个对应的接口标识,每个接口标识用于对一个页面展示接口进行唯一的标识,各个页面展示接口的接口标识各不相同。
在所述页面加载请求中携带着用户点击的虚拟按键所对应的页面展示接口的接口标识,所述终端设备在接收到所述页面加载请求之后,可以首先提取所述页面加载请求中的接口标识,然后在预设的配置文件库中查找与所述接口标识对应的配置文件,并获取所述配置文件,所述配置文件库中包括各个页面展示接口和各个配置文件之间的对应关系。
步骤S102、执行第一页面加载线程。
所述第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言(Hyper Text Markup Language,HTML)数据至预设的浏览器中。
所述配置文件中可以包括所述目标网页的地址信息,所述地址信息包括但不限于统一资源定位符(Uniform Resource Locator,URL)。所述终端设备可以从所述配置文件中提取所述目标网页的地址信息,然后从该地址信息所指示的网络存储资源中加载所述目标页面的超文本标记语言数据至预设的浏览器中。其中,超文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的页面中的各个部分。页面文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容,例如:文字如何处理,画面如何安排,图片如何显示等。浏览器按顺序阅读页面文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
步骤S103、在所述第一页面加载线程完成后,并行执行第二页面加载线程和第三页面加载线程。
所述第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,所述页面资源包括但不限于层叠样式表(Cascading Style Sheet,CSS)文件、直译式脚本语言(JavaScript,JS)文件以及或图片文件等。所述第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中。所述通用网关接口(Common Gateway Interface,CGI)是应用程序与Web服务器之间的接口标准,是在应用程序和Web服务器之间传递信息的过程。CGI规范允许Web服务器执行外部程序,并将它们的输出发送给Web浏览器,CGI将Web的一组简单的静态超媒体文档变成一个完整的新的交互式媒体。
在本实施例中,可以根据所述配置文件从预设的目标服务器中加载所述目标页面的页面资源至所述浏览器中,其具体过程如图2所示:
步骤S1031、加载所述配置文件。
所述配置文件包括所述目标网页的标识信息、参数信息以及目标服务器的地址,所述目标服务器为存储所述目标网页的页面资源的服务器,包括但不限于在所述终端设备附近部署的内容分发网络(Content Delivery Network,CDN)服务器。
步骤S1032、根据所述配置文件构造页面资源获取请求,并将所述页面资源获取请求发送至所述目标服务器。
所述页面资源获取请求包括所述目标网页的标识信息和参数信息。所述标识信息包括但不限于所述目标网页的URL或所述目标网页的名称等。所述参数信息是能定位到特定的动态数据的信息,比如用户名,用户身份标识,或会话标识等信息。
步骤S1033、接收所述目标服务器根据所述页面资源获取请求返回的与所述目标网页的标识信息和参数信息对应的页面资源。
考虑到所述目标页面在之前可能已被加载过,其页面资源可能在已存储在所述终端设备的本地缓存中。当再一次进行所述目标页面的页面加载时,可以直接从所述终端设备的本地缓存中加载所述目标页面的页面资源,而不必重新从所述目标服务器中加载所述目标页面的页面资源。因此,当执行所述第二页面加载线程时,可以首先在所述终端设备的本地缓存中查询所述目标页面的页面资源,若查询到所述目标页面的页面资源,则从所述本地缓存中加载所述目标页面的页面资源至所述浏览器中,若查询不到所述目标页面的页面资源,则根据所述配置文件从预设的目标服务器中加载所述目标页面的页面资源至所述浏览器中,也即执行如图2所示的过程。
进一步地,考虑到所述本地缓存中的页面资源可能是很早之前存储的,而在这段时间内容,所述目标服务器中的页面资源已经发生更新,如果直接加载所述本地缓存中的页面资源,只能得到未更新的页面资源,因此,在从所述本地缓存中加载所述目标页面的页面资源至所述浏览器中之前,还需要对其进行校验。具体地,首先提取第一校验信息,所述第一校验信息为所述配置文件中的校验信息,该校验信息为所述目标服务器中的页面资源的数字签名,例如,可以是使用信息-摘要算法5(Message-Digest Algorithm 5,MD5)计算得到的数字签名。然后计算第二校验信息,所述第二校验信息为根据所述本地缓存中存储的所述目标页面的页面资源计算得到的校验信息,所述第二校验信息的计算过程与所述第一校验信息的计算过程类似,此处不再赘述。若所述第一校验信息与所述第二校验信息一致,则从所述本地缓存中加载所述目标页面的页面资源至所述浏览器中;若所述第一校验信息与所述第二校验信息不一致,则根据所述配置文件从所述目标服务器中加载所述目标页面的页面资源至所述浏览器中。
步骤S104、在所述第二页面加载线程完成后,执行第四页面加载线程。
所述第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化。本实施例中的初始化主要是指使用HybridApp框架中的活动组件(Activity)进行初始化,Activity是一个负责与用户交互的应用程序组件,提供一个屏幕,它上面可以显示一些控件也可以监听并处理用户的事件做出响应,用户通过与其进行交互来完成某项任务。
在本实施例中,所述第四页面加载线程的执行时机可以有以下两种情形可供选择:
第一种情形:在所述第二页面加载线程完成后,若所述第三页面加载线程尚未完成,则在所述第三页面加载线程完成后,执行所述第四页面加载线程。
第二种情形:在所述第二页面加载线程完成后,若所述第三页面加载线程尚未完成,则并行执行所述第三页面加载线程和所述第四页面加载线程。
在如图3所示的现有技术中将各个页面加载线程依次串行执行的方式下,将页面加载所需的时间记为TotalTime1,则:
TotalTime1=Thread1+Thread2+Thread3+Thread4+Thread5
其中,Thread1为所述第一页面加载线程的执行时间,Thread1为所述第一页面加载线程的执行时间,Thread2为所述第二页面加载线程的执行时间,Thread3为所述第三页面加载线程的执行时间,Thread4为所述第四页面加载线程的执行时间,Thread5为所述第五页面加载线程的执行时间。
在图4所示的本实施例的第一种情形下,将页面加载所需的时间记为TotalTime2,则:
TotalTime2=Thread1+Max(Thread2,Thread3)+Thread4+Thread5
其中,Max为求最大值函数。
在图5所示的本实施例的第二种情形下,将页面加载所需的时间记为TotalTime3,则:
TotalTime3=Thread1+Max(Thread2+Thread4,Thread3)+Thread5
通过本实施例的这两种情形,将页面资源和通用网关接口数据的加载过程由原有的串行处理变更为并行处理,从而实现了对页面加载时间的有效压缩。
步骤S105、在所述第三页面加载线程和所述第四页面加载线程完成后,执行第五页面加载线程。
所述第五页面加载线程为在所述浏览器中展示所述目标页面。这样,用户即可在所述混合应用程序内置的浏览器中查看到完整的页面内容。
特别需要注意的是,在所述第三页面加载线程的执行时间大于所述第二页面加载线程的执行时间和所述第四页面加载线程的执行时间的总和的情况下,若干在所述第四页面加载线程完成后,直接执行所述第五页面加载线程,由于缺少CGI数据,可能导致报错或者所述目标页面展示不完整。因此必须在所述第三页面加载线程和所述第四页面加载线程均完成后,再执行第五页面加载线程,以保证用户可以看到完整的页面内容。
综上所述,本申请实施例将整个页面加载的过程划分为五个页面加载线程,其中,第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言数据至预设的浏览器中,第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中,第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化,第五页面加载线程为在所述浏览器中展示所述目标页面。在接收到页面加载请求后,首先根据所述页面加载请求获取待加载的目标页面的配置文件,然后根据所述配置文件分别执行这五个页面加载线程。其中,在所述第一页面加载线程完成后,并行执行第二页面加载线程和所述第三页面加载线程,然后,在所述第二页面加载线程完成后,执行所述第四页面加载线程,最后,在所述第三页面加载线程和所述第四页面加载线程完成后,执行所述第五页面加载线程。通过这样的方式,将页面资源和通用网关接口数据的加载过程由原有的串行处理变更为并行处理,从而实现了对页面加载时间的有效压缩,极大改善了用户的使用体验。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本申请实施例的实施过程构成任何限定。
对应于上文实施例所述的一种页面加载方法,图6示出了本申请实施例提供的一种页面加载装置的一个实施例结构图。
本实施例中,一种页面加载装置可以包括:
配置文件获取模块601,用于接收页面加载请求,并根据所述页面加载请求获取待加载的目标页面的配置文件;
HTML加载模块602,用于执行第一页面加载线程,所述第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言数据至预设的浏览器中;
并行执行模块603,用于在所述第一页面加载线程完成后,并行执行第二页面加载线程和第三页面加载线程,所述第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,所述第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中;
初始化模块604,用于在所述第二页面加载线程完成后,执行第四页面加载线程,所述第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化;
页面展示模块605,用于在所述第三页面加载线程和所述第四页面加载线程完成后,执行第五页面加载线程,所述第五页面加载线程为在所述浏览器中展示所述目标页面。
在本实施例的第一种情形下,所述初始化模块具体用于在所述第二页面加载线程完成后,若所述第三页面加载线程尚未完成,则并行执行所述第三页面加载线程和所述第四页面加载线程。
在本实施例的第二种情形下,所述初始化模块具体用于在所述第二页面加载线程完成后,若所述第三页面加载线程尚未完成,则在所述第三页面加载线程完成后,执行所述第四页面加载线程。
进一步地,所述并行执行模块可以包括:
页面资源查询单元,用于在预设的本地缓存中查询所述目标页面的页面资源;
第一加载单元,用于若查询到所述目标页面的页面资源,则从所述本地缓存中加载所述目标页面的页面资源至所述浏览器中;
第二加载单元,用于若查询不到所述目标页面的页面资源,则根据所述配置文件从预设的目标服务器中加载所述目标页面的页面资源至所述浏览器中。
进一步地,所述第二加载单元可以包括:
配置文件加载子单元,用于加载所述配置文件,所述配置文件包括所述目标网页的标识信息、参数信息以及目标服务器的地址,所述目标服务器为存储所述目标网页的页面资源的服务器;
获取请求发送子单元,用于根据所述配置文件构造页面资源获取请求,并将所述页面资源获取请求发送至所述目标服务器,所述页面资源获取请求包括所述目标网页的标识信息和参数信息;
页面资源接收子单元,用于接收所述目标服务器根据所述页面资源获取请求返回的与所述目标网页的标识信息和参数信息对应的页面资源。
进一步地,所述并行执行模块还可以包括:
第一校验信息提取单元,用于提取第一校验信息,所述第一校验信息为所述配置文件中的校验信息;
第二校验信息计算单元,用于计算第二校验信息,所述第二校验信息为根据所述本地缓存中存储的所述目标页面的页面资源计算得到的校验信息。
进一步地,所述配置文件获取模块可以包括:
接口标记提取单元,用于提取所述页面加载请求中的接口标识,所述接口标识为页面展示接口的标识,所述页面展示接口为混合应用程序中通过页面形式展示信息的接口;
配置文件获取单元,用于在预设的配置文件库中查找与所述接口标识对应的配置文件,并获取所述配置文件,所述配置文件库中包括各个页面展示接口和各个配置文件之间的对应关系。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的装置,模块和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
图7示出了本申请实施例提供的一种终端设备的示意框图,为了便于说明,仅示出了与本申请实施例相关的部分。
在本实施例中,所述终端设备7可以是智能手机、平板电脑、智能眼镜、智能手表、智能手环等计算设备。该终端设备7可包括:处理器70、存储器71以及存储在所述存储器71中并可在所述处理器70上运行的计算机可读指令72,例如执行上述的页面加载方法的计算机可读指令。所述处理器70执行所述计算机可读指令72时实现上述各个页面加载方法实施例中的步骤,例如图1所示的步骤S101至S105。或者,所述处理器70执行所述计算机可读指令72时实现上述各装置实施例中各模块/单元的功能,例如图6所示模块601至605的功能。
示例性的,所述计算机可读指令72可以被分割成一个或多个模块/单元,所述一个或者多个模块/单元被存储在所述存储器71中,并由所述处理器70执行,以完成本申请。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机可读指令段,该指令段用于描述所述计算机可读指令72在所述终端设备7中的执行过程。
所述处理器70可以是中央处理单元(Central Processing Unit,CPU),还可以是其它通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其它可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器71可以是所述终端设备7的内部存储单元,例如终端设备7的硬盘或内存。所述存储器71也可以是所述终端设备7的外部存储设备,例如所述终端设备7上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,所述存储器71还可以既包括所述终端设备7的内部存储单元也包括外部存储设备。所述存储器71用于存储所述计算机可读指令以及所述终端设备7所需的其它指令和数据。所述存储器71还可以用于暂时地存储已经输出或者将要输出的数据。
在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干计算机可读指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储计算机可读指令的介质。
以上所述实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。
Claims (10)
1.一种页面加载方法,其特征在于,包括:
接收页面加载请求,并根据所述页面加载请求获取待加载的目标页面的配置文件;
执行第一页面加载线程,所述第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言数据至预设的浏览器中;
在所述第一页面加载线程完成后,并行执行第二页面加载线程和第三页面加载线程,所述第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,所述第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中;
在所述第二页面加载线程完成后,执行第四页面加载线程,所述第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化;
在所述第三页面加载线程和所述第四页面加载线程完成后,执行第五页面加载线程,所述第五页面加载线程为在所述浏览器中展示所述目标页面。
2.根据权利要求1所述的页面加载方法,其特征在于,所述在所述第二页面加载线程完成后,执行第四页面加载线程包括:
在所述第二页面加载线程完成后,若所述第三页面加载线程尚未完成,则并行执行所述第三页面加载线程和所述第四页面加载线程。
3.根据权利要求1所述的页面加载方法,其特征在于,所述在所述第二页面加载线程完成后,执行第四页面加载线程包括:
在所述第二页面加载线程完成后,若所述第三页面加载线程尚未完成,则在所述第三页面加载线程完成后,执行所述第四页面加载线程。
4.根据权利要求1所述的页面加载方法,其特征在于,所述执行第二页面加载线程包括:
在预设的本地缓存中查询所述目标页面的页面资源;
若查询到所述目标页面的页面资源,则从所述本地缓存中加载所述目标页面的页面资源至所述浏览器中;
若查询不到所述目标页面的页面资源,则根据所述配置文件从预设的目标服务器中加载所述目标页面的页面资源至所述浏览器中。
5.根据权利要求4所述的页面加载方法,其特征在于,所述根据所述配置文件从预设的目标服务器中加载所述目标页面的页面资源至所述浏览器中包括:
加载所述配置文件,所述配置文件包括所述目标网页的标识信息、参数信息以及目标服务器的地址,所述目标服务器为存储所述目标网页的页面资源的服务器;
根据所述配置文件构造页面资源获取请求,并将所述页面资源获取请求发送至所述目标服务器,所述页面资源获取请求包括所述目标网页的标识信息和参数信息;
接收所述目标服务器根据所述页面资源获取请求返回的与所述目标网页的标识信息和参数信息对应的页面资源。
6.根据权利要求4所述的页面加载方法,其特征在于,在从所述本地缓存中加载所述目标页面的页面资源至所述浏览器中之前,还包括:
提取第一校验信息,所述第一校验信息为所述配置文件中的校验信息;
计算第二校验信息,所述第二校验信息为根据所述本地缓存中存储的所述目标页面的页面资源计算得到的校验信息;
若所述第一校验信息与所述第二校验信息一致,则执行所述从所述本地缓存中加载所述目标页面的页面资源至所述浏览器中的步骤;
若所述第一校验信息与所述第二校验信息不一致,则根据所述配置文件从预设的目标服务器中加载所述目标页面的页面资源至所述浏览器中。
7.根据权利要求1至6中任一项所述的页面加载方法,其特征在于,所述根据所述页面加载请求获取待加载的目标页面的配置文件包括:
提取所述页面加载请求中的接口标识,所述接口标识为页面展示接口的标识,所述页面展示接口为混合应用程序中通过页面形式展示信息的接口;
在预设的配置文件库中查找与所述接口标识对应的配置文件,并获取所述配置文件,所述配置文件库中包括各个页面展示接口和各个配置文件之间的对应关系。
8.一种页面加载装置,其特征在于,包括:
配置文件获取模块,用于接收页面加载请求,并根据所述页面加载请求获取待加载的目标页面的配置文件;
HTML加载模块,用于执行第一页面加载线程,所述第一页面加载线程为根据所述配置文件加载所述目标页面的超文本标记语言数据至预设的浏览器中;
并行执行模块,用于在所述第一页面加载线程完成后,并行执行第二页面加载线程和第三页面加载线程,所述第二页面加载线程为加载所述目标页面的页面资源至所述浏览器中,所述第三页面加载线程为加载所述目标页面的通用网关接口数据至所述浏览器中;
初始化模块,用于在所述第二页面加载线程完成后,执行第四页面加载线程,所述第四页面加载线程为在所述浏览器中使用预设的应用程序组件对所述目标页面的页面资源进行初始化;
页面展示模块,用于在所述第三页面加载线程和所述第四页面加载线程完成后,执行第五页面加载线程,所述第五页面加载线程为在所述浏览器中展示所述目标页面。
9.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可读指令,其特征在于,所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的页面加载方法的步骤。
10.一种终端设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机可读指令,其特征在于,所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的页面加载方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910966531.9A CN110851756A (zh) | 2019-10-12 | 2019-10-12 | 页面加载方法、装置、计算机可读存储介质及终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910966531.9A CN110851756A (zh) | 2019-10-12 | 2019-10-12 | 页面加载方法、装置、计算机可读存储介质及终端设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110851756A true CN110851756A (zh) | 2020-02-28 |
Family
ID=69597359
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910966531.9A Pending CN110851756A (zh) | 2019-10-12 | 2019-10-12 | 页面加载方法、装置、计算机可读存储介质及终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110851756A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112328925A (zh) * | 2020-10-28 | 2021-02-05 | 北京鸿腾智能科技有限公司 | 页面数据加载方法、装置、设备及存储介质 |
CN112464129A (zh) * | 2020-11-09 | 2021-03-09 | 广东华兴银行股份有限公司 | 一种加载h5页面请求的安全通讯方法、设备及介质 |
CN112988267A (zh) * | 2021-03-09 | 2021-06-18 | 北京大米科技有限公司 | 加载方法、装置、存储介质及电子设备 |
CN113360807A (zh) * | 2021-06-24 | 2021-09-07 | 平安普惠企业管理有限公司 | 混合模式移动应用的页面显示方法、装置及相关设备 |
CN115292158A (zh) * | 2022-06-29 | 2022-11-04 | 优视科技(中国)有限公司 | 获取和配置页面加载进度的方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR19990013422A (ko) * | 1997-07-17 | 1999-02-25 | 포맨제프리엘 | 애플리케이션 인터페이스에 대한 영속성을 제공하기 위한 장치및 방법 |
CN102033778A (zh) * | 2010-12-16 | 2011-04-27 | 电子科技大学 | 一种嵌入式浏览器控制、解析和排版的线程处理方法 |
CN106294658A (zh) * | 2016-08-04 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 网页快速展示方法和装置 |
CN107015801A (zh) * | 2017-03-15 | 2017-08-04 | 腾讯科技(深圳)有限公司 | 一种网页展示方法及应用终端 |
-
2019
- 2019-10-12 CN CN201910966531.9A patent/CN110851756A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR19990013422A (ko) * | 1997-07-17 | 1999-02-25 | 포맨제프리엘 | 애플리케이션 인터페이스에 대한 영속성을 제공하기 위한 장치및 방법 |
CN102033778A (zh) * | 2010-12-16 | 2011-04-27 | 电子科技大学 | 一种嵌入式浏览器控制、解析和排版的线程处理方法 |
CN106294658A (zh) * | 2016-08-04 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 网页快速展示方法和装置 |
CN107015801A (zh) * | 2017-03-15 | 2017-08-04 | 腾讯科技(深圳)有限公司 | 一种网页展示方法及应用终端 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112328925A (zh) * | 2020-10-28 | 2021-02-05 | 北京鸿腾智能科技有限公司 | 页面数据加载方法、装置、设备及存储介质 |
CN112464129A (zh) * | 2020-11-09 | 2021-03-09 | 广东华兴银行股份有限公司 | 一种加载h5页面请求的安全通讯方法、设备及介质 |
CN112988267A (zh) * | 2021-03-09 | 2021-06-18 | 北京大米科技有限公司 | 加载方法、装置、存储介质及电子设备 |
CN113360807A (zh) * | 2021-06-24 | 2021-09-07 | 平安普惠企业管理有限公司 | 混合模式移动应用的页面显示方法、装置及相关设备 |
CN113360807B (zh) * | 2021-06-24 | 2023-03-31 | 平安普惠企业管理有限公司 | 混合模式移动应用的页面显示方法、装置及相关设备 |
CN115292158A (zh) * | 2022-06-29 | 2022-11-04 | 优视科技(中国)有限公司 | 获取和配置页面加载进度的方法及装置 |
CN115292158B (zh) * | 2022-06-29 | 2024-01-23 | 优视科技(中国)有限公司 | 获取和配置页面加载进度的方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110851756A (zh) | 页面加载方法、装置、计算机可读存储介质及终端设备 | |
JP6488508B2 (ja) | ウェブページのアクセス方法、装置、デバイス及びプログラム | |
US20200137196A1 (en) | Capturing and replaying application sessions using resource files | |
CN109376291B (zh) | 一种基于网络爬虫的网站指纹信息扫描的方法及装置 | |
CN104765746B (zh) | 用于移动通讯终端浏览器的数据处理方法和装置 | |
CN105095280A (zh) | 一种浏览器缓存方法和装置 | |
CN107291759B (zh) | 浏览器页面资源的处理方法和装置 | |
CN107528718B (zh) | 获取资源的方法、装置和系统 | |
CN110245069B (zh) | 页面版本的测试方法和装置、页面的展示方法和装置 | |
CN110968824A (zh) | 页面数据处理方法和装置 | |
TW201800962A (zh) | 網頁文件發送方法、網頁渲染方法及裝置、網頁渲染系統 | |
CN107480117B (zh) | 自动化页面表单数据的恢复方法及装置 | |
CN111274512A (zh) | 一种页面加载方法、装置及介质 | |
CN105550179B (zh) | 一种网页收藏方法和浏览器插件 | |
CN110851681A (zh) | 爬虫处理方法、装置、服务器及计算机可读存储介质 | |
CN110365776B (zh) | 图片批量下载方法、装置、电子设备及存储介质 | |
CN111431767A (zh) | 多浏览器资源同步方法、装置、计算机设备和存储介质 | |
US9104573B1 (en) | Providing relevant diagnostic information using ontology rules | |
CN110399063B (zh) | 页面元素属性的查看方法及装置 | |
CN107679168B (zh) | 一种基于java平台的目标网站内容获取方法 | |
CN108108381B (zh) | 页面的监测方法及装置 | |
CN109815083A (zh) | 一种应用崩溃的监控方法、装置、电子设备及介质 | |
CN114371969A (zh) | 一种页面性能测试方法、装置、电子设备及存储介质 | |
CN115795191A (zh) | 网页运行方法及其装置、计算机可读存储介质 | |
CN110909270A (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 |