CN113961278B - 一种页面显示方法及相关设备 - Google Patents
一种页面显示方法及相关设备 Download PDFInfo
- Publication number
- CN113961278B CN113961278B CN202010697444.0A CN202010697444A CN113961278B CN 113961278 B CN113961278 B CN 113961278B CN 202010697444 A CN202010697444 A CN 202010697444A CN 113961278 B CN113961278 B CN 113961278B
- Authority
- CN
- China
- Prior art keywords
- page
- preloading
- pages
- target
- display
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 109
- 230000009191 jumping Effects 0.000 claims abstract description 15
- 238000004364 calculation method Methods 0.000 claims description 103
- 238000009877 rendering Methods 0.000 claims description 92
- 230000004044 response Effects 0.000 claims description 44
- 238000013515 script Methods 0.000 claims description 33
- 230000036316 preload Effects 0.000 claims description 28
- 238000004590 computer program Methods 0.000 claims description 13
- 238000012545 processing Methods 0.000 description 30
- 238000010586 diagram Methods 0.000 description 29
- 230000006870 function Effects 0.000 description 28
- 230000008569 process Effects 0.000 description 20
- 238000007726 management method Methods 0.000 description 19
- 238000004891 communication Methods 0.000 description 15
- 238000005516 engineering process Methods 0.000 description 11
- 230000003287 optical effect Effects 0.000 description 10
- 238000004458 analytical method Methods 0.000 description 9
- 230000033001 locomotion Effects 0.000 description 9
- 230000000386 athletic effect Effects 0.000 description 8
- 238000013507 mapping Methods 0.000 description 8
- 230000005540 biological transmission Effects 0.000 description 7
- 230000036541 health Effects 0.000 description 7
- 230000008878 coupling Effects 0.000 description 6
- 238000010168 coupling process Methods 0.000 description 6
- 238000005859 coupling reaction Methods 0.000 description 6
- 230000001965 increasing effect Effects 0.000 description 6
- 230000002093 peripheral effect Effects 0.000 description 6
- 238000004422 calculation algorithm Methods 0.000 description 5
- 238000011161 development Methods 0.000 description 5
- 230000005236 sound signal Effects 0.000 description 5
- 230000006855 networking Effects 0.000 description 4
- 230000003068 static effect Effects 0.000 description 4
- 238000013528 artificial neural network Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 238000002372 labelling Methods 0.000 description 3
- 230000007246 mechanism Effects 0.000 description 3
- 238000010295 mobile communication Methods 0.000 description 3
- 238000005457 optimization Methods 0.000 description 3
- 229920001621 AMOLED Polymers 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000007781 pre-processing Methods 0.000 description 2
- 238000013468 resource allocation Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 238000013529 biological neural network Methods 0.000 description 1
- 210000000988 bone and bone Anatomy 0.000 description 1
- 210000004556 brain Anatomy 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 239000013078 crystal Substances 0.000 description 1
- 238000007405 data analysis Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000003111 delayed effect Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000011156 evaluation Methods 0.000 description 1
- 230000020169 heat generation Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000001939 inductive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 229910044991 metal oxide Inorganic materials 0.000 description 1
- 150000004706 metal oxides Chemical class 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
- 230000001537 neural effect Effects 0.000 description 1
- 210000002569 neuron Anatomy 0.000 description 1
- 239000002096 quantum dot Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000012163 sequencing technique Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了一种页面显示方法及相关设备,具体可以应用于应用页面加载等领域。其中,一种页面显示方法可以应用于第一设备,该方法包括:确定显示于第一设备上的第一页面对应的N个第二页面;N个第二页面中的每个第二页面为基于第一页面进行页面跳转后的页面;获取每个第二页面的预加载数据,将每个第二页面的预加载数据发送至第二设备;预加载数据包括每个第二页面的布局信息;预加载数据用于第二设备根据布局信息生成每个第二页面的预加载结果;响应于针对第一页面的目标输入操作,从第二设备中获取目标页面的预加载结果,根据目标页面的预加载结果显示目标页面。如此,可以减少页面跳转所用时间,大大提高页面显示效率。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种页面显示方法及相关设备。
背景技术
随着科技的日益进步,芯片的处理能力不断增强,使得移动终端设备得到了飞速发展,例如手机设备的性能不断提升,运算能力不断提高,越来越多的应用可以流畅的在手机上运行。近年来,移动终端设备也不仅仅限制在手机设备,比如手表、平板、车载计算机和可穿戴设备等越来越多种类的移动终端设备发展了起来。新的多终端设备交互场景也随之构建,通常在多终端设备场景中,设备之间相互独立,或者通过共享账号服务等方式,利用远端服务器,进行数据同步,或者通过近场通讯能力进行数据的同步。例如,手表设备和手机设备,通过蓝牙或者网络进行连接后,可以同步健康数据等。
然而,现有的应用用户界面(User Interface,UI)交互体验,仍然取决于设备硬件本身。应用内页面切换是一种高频操作,新页面展示的过程包括页面数据加载,元素创建,布局计算和内容渲染四个流程,该过程重度依赖设备输入/输出(Input/Output,IO)和中央处理器(Central Processing Unit,CPU)的能力,加载的数据量和CPU的性能直接影响着页面展示的效率。尤其在低功耗的设备中,往往由于需要维持其低功耗,延长待机时间以及控制发热,而无法使用高运算力的CPU,因此,在该种设备上进行应用内页面切换,通常无法达到如高端设备一样迅速的效果。目前为了加快页面展示速度,用户设备(User Equipment,UE)在界面设计中做了很多妥协,例如尽量采用简单的布局元素来承载数据,或增加等待页面以作提示等等,牺牲了用户体验。
因此,如何有效提升设备的页面显示效率是亟待解决的问题。
发明内容
本申请实施例提供一种页面显示方法及相关设备,可以有效减少页面跳转所用的时间,提高页面显示效率,从而提升用户的操作体验。
第一方面,本申请实施例提供了一种页面显示方法,应用于第一设备,包括:确定显示于所述第一设备上的第一页面对应的N个第二页面;所述N个第二页面中的每个第二页面为基于所述第一页面进行页面跳转后的页面;N为大于或者等于1的整数;获取所述每个第二页面的预加载数据,将所述每个第二页面的预加载数据发送至第二设备;所述预加载数据包括所述每个第二页面的布局信息;所述预加载数据用于所述第二设备根据所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;响应于针对所述第一页面的目标输入操作,从所述第二设备中获取目标页面的所述预加载结果,根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面。
通过第一方面提供的方法,终端设备可以根据当前显示的页面分析得到即将可能跳转到的多个候选页面,然后,可以通过与该终端设备连接的其他设备对该多个候选页面进行预加载,得到该多个候选页面的预加载结果(例如可以生成该多个候选页面各自的布局计算结果和渲染指令等等)。最终,该终端设备可以响应于用户输入的针对该当前页面的操作,确定待显示的页面,并从上述其他设备中获取到该待显示页面的预加载结果,然后根据该预加载结果加载并显示该待显示页面。从而,可以大大减少终端设备在进行页面跳转,需要加载并显示新页面时的计算量,提升页面显示效率,改善用户的实时操作体验。例如,智能手表或者带屏的智能音箱等配置较低的设备在运行某一应用时,往往需要响应于用户输入的操作(例如点击显示屏显示的某一控件)在应用内进行页面跳转,一般情况下可能需要较长的页面加载时间,从而使得用户在进行操作后,新的页面迟迟不显示,极大程度上影响了用户体验,此时,便可以利用周边的手机或者平板等配置较高的设备,与其建立连接并对低配设备上可能跳转到的候选页面进行预加载,使得低配设备在响应于用户输入操作进行页面跳转时可以直接根据获取到的高配设备上已经预先加载得到的相关页面数据进行快速的页面显示。由此,对比现有技术中设备往往只能针对浏览器页面,通过自身进行候选页面的预加载,并缓存候选页面至本地,大大增加了设备内存占用的方案,或者通过增设的服务器等进行页面预加载的方案而言。本申请实施例可以利用周边的其他设备在本地设备进行页面跳转时,减少本地设备的工作量,降低本地设备对CPU资源的竞争,大大提升了页面显示效率,极大程度上提升了用户的实时操作体验。与此同时,本申请实施例可以通过针对当前页面的历史操作数据进行候选页面评估,也即上述分析得到即将可能跳转到的多个候选页面,从而无需开发人员参与,例如无需开发人员进行候选页面的标记等等,进一步减少了开发的难度和工作量。
在一种可能的实现方式中,所述确定显示于所述第一设备上的第一页面对应的N个第二页面,包括:根据所述第一设备上显示的所述第一页面,获取所述第一页面的历史操作埋点数据;所述历史操作埋点数据包括在目标时间段内采集到的所述第一页面中的一个或多个页面跳转控件各自对应的点击量;根据所述历史操作埋点数据,计算基于所述第一页面进行页面跳转后,所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率;根据所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率,确定所述N个第二页面,所述每个第二页面的显示概率大于第一阈值。
在本申请实施例中,终端设备可以根据针对当前显示页面的历史操作埋点数据(例如可以包括在目标时间段内采集到的该当前页面中的一个或多个页面跳转控件各自对应的点击量等等)确定该当前页面中的每个页面跳转控件对应的页面的显示概率,显然,一般情况下点击量较高的页面跳转控件对应的页面的显示概率较高。由此,可以分析得到可能由当前页面跳转到的多个候选页面,例如可以将显示概率大于预设值的页面确定为候选页面。从而可以排除显示概率较低的页面,以减少后续在进行候选页面的预加载时的计算量,进一步提高页面显示效率。如上所述,本申请实施例可以通过针对当前页面的历史操作数据快速高效的评估出最有可能跳转到的一个或多个候选页面,从而无需开发人员参与,例如无需开发人员进行候选页面的标记等等,进一步减少了开发的难度和工作量。
在一种可能的实现方式中,所述N个第二页面对应有各自的统一资源标识符URI,所述N个第二页面各自的URI包括所述N个第二页面各自的路由地址;所述获取所述每个第二页面的预加载数据,包括:根据所述N个第二页面各自的所述路由地址,解析得到所述每个第二页面的所述预加载数据;所述N个第二页面各自的所述路由地址与所述预加载数据一一对应。
在本申请实施例中,终端设备可以根据每一个候选页面的路由地址,通过解析该路由地址得到该每一个候选页面的预加载数据,以用于后续其他设备根据该预加载数据对该每一个候选页面进行预加载,生成每一个候选页面的预加载结果(例如可以包括该每一个候选页面的布局计算结果和渲染指令等等)。由此,终端设备在响应于用户输入操作而进行页面跳转时,可以直接从该其他设备上获取即将跳转到的待显示页面的预加载结果,并根据该预加载结果进行该待显示页面的加载和显示。从而可以有效减少终端设备在响应于用户输入操作而进行页面跳转时的计算量,减少页面加载所需时间,大大提升了终端设备的页面显示效率,提升用户的操作体验。进一步的,若终端设备在响应于用户输入操作而进行页面跳转时,该待显示页面在其他设备上未完成预加载,该终端设备也可以根据该预加载数据在本地进行待显示页面的加载和显示,等等,本申请实施例对此不作具体限定。
在一种可能的实现方式中,所述方法还包括:根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序,确定所述每个第二页面的预加载顺序;所述预加载顺序用于所述第二设备根据所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
在本申请实施例中,终端设备可以根据上述确定的由当前页面可能跳转到的每一个候选页面的显示概率,对该多个候选页面进行排序,使得显示概率较大的候选页面的顺序先于显示概率较小的候选页面。由此,后续其他设备在进行候选页面的预加载时,可以根据该顺序对候选页面进行预加载,使得显示概率较大的候选页面先进行预加载,也即先生成显示概率较大的候选页面的预加载结果。通常情况下,在终端设备响应于用户输入操作进行页面跳转时,即将跳转到的待显示页面极有可能是上述显示概率最大或者较大的候选页面,则根据上述顺序,该待显示页面可以率先完成预加载,从而使得终端设备可以成功从该其他设备中获取该待显示页面的预加载结果,并根据该预加载结果进行页面的加载和显示,极大程度上减少终端设备本地的页面加载的计算量,大大提升了页面显示效率。如上所述,令显示概率较大的候选页面先进行预加载,可以有效避免即将跳转到的待显示页面还未完成预加载,仍需终端设备在本地完成页面加载的全部计算量,从而导致页面加载缓慢,页面迟迟无法显示的情况。
在一种可能的实现方式中,所述预加载数据还包括所述每个第二页面的JS脚本;所述每个第二页面的所述JS脚本用于所述第二设备按照所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
在本申请实施例中,与终端设备连接的其他设备可以按照每一个候选页面的预加载顺序执行每一个候选页面的预加载数据中包括的JS脚本,依次生成每一个候选页面中的一个或多个页面组件,然后该其他设备可以根据预加载数据中包括的布局信息生成每一个候选页面的布局计算结果(例如可以包括上述一个或多个页面组件各自的位置信息等等),并进一步生成相应的渲染指令等等,由此快速高效的完成每一个候选页面的预加载。可选地,在一些可能的实施例中,在进行候选页面的预加载时,其他设备也可以不生成每一个候选页面的渲染指令,从而减少预加载工作量,并在终端设备响应于用户输入操作从其他设备中获取待显示页面的预加载结果时,可以减少数据传输量,从而降低数据传输造成的延迟,进一步提升终端设备的页面显示效率。
在一种可能的实现方式中,所述响应于针对所述第一页面的目标输入操作,从所述第二设备中获取目标页面的预加载结果,根据所述目标页面的预加载结果显示所述目标页面,包括:响应于针对所述第一页面的目标输入操作,确定待显示的所述目标页面;从所述第二设备中获取所述目标页面的所述渲染指令和所述布局计算结果;根据所述渲染指令进行所述目标页面的绘制,并根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
在本申请实施例中,终端设备可以响应于用户输入操作,确定由当前页面即将跳转到的待显示页面,并从与其连接的其他设备中获取该待显示页面的预加载结果(例如可以包括该待显示页面的布局计算结果和渲染指令等等),然后可以根据该渲染指令进行该待显示页面的绘制,并且可以根据该布局计算结果构建该待显示页面中的一个或多个页面组件,等等,从而在终端设备上显示该待显示页面。如此,终端设备在响应于用户输入操作进行页面跳转时,在终端设备本地无需进行相应渲染指令的生成以及布局计算,等等,极大程度上减少了终端设备本地的页面加载的计算量,大大提升了页面显示效率和用户操作体验。
在一种可能的实现方式中,所述第二设备的CPU主频和/或内存大于所述第一设备。
在本申请实施例中,智能手表或者带屏的智能音箱等终端设备的配置降低,其CPU主频和/或内存往往小于手机、平板电脑和笔记本电脑等配置较高的终端设备。因此,上述智能手表等低配设备在运行某一应用,并需要响应于用户输入的操作(例如点击显示屏显示的某一控件)在应用内进行页面跳转时,往往需要较长的页面加载时间,从而使得用户在进行操作后,新的页面迟迟不显示,极大程度上影响了用户体验,此时,便可以利用周边的手机或者平板电脑等高配设备,与其建立连接并对低配设备上可能跳转到的候选页面进行预加载,使得低配设备在响应于用户输入操作进行页面跳转时可以直接根据获取到的高配设备上已经预先加载得到的相关页面数据进行快速的页面显示,大大提升了页面显示效率和用户的实时操作体验。除此之外,在一些可能的实施例中,低配设备也可以将多个候选页面的预加载数据分配给多个与其连接的高配设备,由多个高配设备同时进行候选页面的预加载工作,例如智能手表可以将确定的4个候选页面中的2个候选页面分配给与其连接的手机,而将其余的2个候选页面分配给与其连接的平板电脑,等等,从而可以进一步提升候选页面的预加载效率。
第二方面,本申请实施例提供了一种页面显示方法,应用于第二设备,包括:接收N个第二页面中的每个第二页面的预加载数据;所述每个第二页面为基于第一页面进行页面跳转后的页面;所述第一页面为第一设备上显示的页面;N为大于或者等于1的整数;所述预加载数据包括所述每个第二页面的布局信息;根据所述每个第二页面的所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;响应于针对所述第一页面的目标输入操作,发送目标页面的所述预加载结果至所述第一设备,所述目标页面的所述预加载结果用于所述第一设备根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面。
通过第二方面提供的方法,终端设备可以接收与其连接的需要进行页面跳转的其他设备发送的可能由该其他设备显示的当前页面跳转到的多个候选页面(例如其他设备可以根据用户针对当前显示页面的历史操作数据,确定可能由当前页面跳转到的多个候选页面)的预加载数据,并根据该预加载数据对该多个候选页面进行预加载,生成该多个候选页面的预加载结果(例如可以生成该多个候选页面各自的布局计算结果和渲染指令等等)。然后,该其他设备可以响应于用户输入的针对该当前页面的操作,确定待显示的页面,并向终端设备请求该待显示页面的预加载结果。终端设备可以将该待显示页面的预加载结果发送给该其他设备,以使得该其他设备可以根据该预加载结果加载并显示该确定的待显示页面,从而可以大大减少其他设备在进行页面跳转,需要加载并显示新页面时的计算量,提升页面显示效率,改善用户的实时操作体验。例如,智能手表或者带屏的智能音箱等配置较低的设备在运行某一应用并需要响应于用户输入的操作在应用内进行页面跳转时,往往可能需要较长的页面加载时间,使得用户在操作后,新的页面迟迟不显示,极大程度上影响了用户体验,此时,便可以利用周边的手机或者平板等配置较高的设备,与其建立连接并对低配设备上可能跳转到的候选页面进行预加载,使得低配设备在响应于用户输入操作进行页面跳转时可以直接根据获取到的高配设备上已经预先加载得到的相关页面数据进行快速的页面显示。由此,对比现有技术中设备往往只能针对浏览器页面,通过自身进行候选页面的预加载,并缓存候选页面至本地,大大增加了设备内存占用的方案,或者通过增设的服务器等进行页面预加载的方案而言。本申请实施例可以充分利用周边空闲的高配设备在低配设备的应用进行页面跳转时,减少低配设备的工作量,降低低配设备对CPU资源的竞争,大大提升了页面显示效率,并且可以通过历史操作数据进行候选页面评估而无需开发人员参与,极大程度上提升了用户的实时操作体验。
在一种可能的实现方式中,所述N个第二页面为通过所述第一设备根据计算得到的基于所述第一页面进行页面跳转后,所述第一页面中的一个或多个页面跳转控件各自对应的所述第二页面的显示概率确定的;所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率为通过所述第一设备根据所述第一页面的历史操作埋点数据确定的;所述历史操作埋点数据包括在目标时间段内采集到的所述一个或多个页面跳转控件各自对应的点击量;所述每个第二页面的显示概率大于第一阈值。
在本申请实施例中,在本申请实施例中,可以根据针对当前显示页面的历史操作埋点数据(例如可以包括在目标时间段内采集到的该当前页面中的一个或多个页面跳转控件各自对应的点击量等等)确定该当前页面中的每个页面跳转控件对应的页面的显示概率,显然,一般情况下点击量较高的页面跳转控件对应的页面的显示概率较高。由此,可以分析得到可能由当前页面跳转到的多个候选页面,例如可以将显示概率大于预设值的页面确定为候选页面。从而可以排除显示概率较低的页面,减少终端设备在进行候选页面的预加载时的计算量,进一步提高页面显示效率。如上所述,本申请实施例可以通过针对当前页面的历史操作数据快速高效的评估出最有可能跳转到的一个或多个候选页面,从而无需开发人员参与,例如无需开发人员进行候选页面的标记等等,进一步减少了开发的难度和工作量。
在一种可能的实现方式中,所述N个第二页面对应有各自的统一资源标识符URI,所述N个第二页面各自的URI包括所述N个第二页面各自的路由地址;所述每个第二页面的预加载数据为通过所述第一设备根据所述N个第二页面各自的所述路由地址解析得到的;所述N个第二页面各自的所述路由地址与所述预加载数据一一对应。
在本申请实施例中,可以根据每一个候选页面的路由地址,通过解析该路由地址得到该每一个候选页面的预加载数据,然后终端设备可以根据接收到的该预加载数据对该每一个候选页面进行预加载,生成每一个候选页面的预加载结果(例如可以包括该每一个候选页面的布局计算结果和渲染指令等等)。由此,当其他设备在响应于用户输入操作而进行页面跳转时,可以直接从该终端设备上获取即将跳转到的待显示页面的预加载结果,并根据该预加载结果进行该待显示页面的加载和显示。从而可以有效减少其他设备在响应于用户输入操作而进行页面跳转时的计算量,减少页面加载所需时间,大大提升了其他设备的页面显示效率,提升用户的操作体验。进一步的,若其他设备在响应于用户输入操作而进行页面跳转时,该待显示页面在终端设备上未完成预加载,该其他设备也可以根据该预加载数据在本地进行待显示页面的加载和显示,等等,本申请实施例对此不作具体限定。
在一种可能的实现方式中,所述每个第二页面对应有预加载顺序;所述每个第二页面的所述预加载顺序为通过所述第一设备根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序确定的;所述根据所述每个第二页面的所述布局信息生成所述每个第二页面的预加载结果,包括:根据所述每个第二页面的所述布局信息,按照所述每个第二页面的所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
在本申请实施例中,可以根据上述确定的由当前页面可能跳转到的每一个候选页面的显示概率,对该多个候选页面进行排序,使得显示概率较大的候选页面的顺序先于显示概率较小的候选页面。由此,当终端设备在进行候选页面的预加载时,可以根据该顺序对候选页面进行预加载,使得显示概率较大的候选页面先进行预加载,也即先生成显示概率较大的候选页面的预加载结果。通常情况下,在其他设备响应于用户输入操作进行页面跳转时,即将跳转到的待显示页面极有可能是上述显示概率最大或者较大的候选页面,则根据上述顺序,该待显示页面可以率先完成预加载,从而使得其他设备可以成功从该终端设备中获取该待显示页面的预加载结果,并根据该预加载结果进行页面的加载和显示,极大程度上减少其他设备本地的页面加载的计算量,大大提升了页面显示效率。如上所述,令显示概率较大的候选页面先进行预加载,可以有效避免终端设备还未完成即将跳转到的待显示页面的预加载,而仍需其他设备在本地完成页面加载的全部计算量,从而导致其他设备上页面加载缓慢,页面迟迟无法显示的情况。
在一种可能的实现方式中,所述预加载数据还包括所述每个第二页面的JS脚本;所述方法还包括:按照所述每个第二页面的所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
在本申请实施例中,终端设备可以按照每一个候选页面的预加载顺序执行每一个候选页面的预加载数据中包括的JS脚本,依次生成每一个候选页面中的一个或多个页面组件,然后该终端设备可以根据预加载数据中包括的布局信息生成每一个候选页面的布局计算结果(例如可以包括上述一个或多个页面组件各自的位置信息等等),并进一步生成相应的渲染指令等等,由此快速高效的完成每一个候选页面的预加载。可选地,在一些可能的实施例中,在进行候选页面的预加载时,终端设备也可以不生成每一个候选页面的渲染指令,从而减少预加载工作量,并在其他设备响应于用户输入操作从该终端设备中获取待显示页面的预加载结果时,可以减少数据传输量,从而降低数据传输造成的延迟,进一步提升其他设备的页面显示效率。
在一种可能的实现方式中,所述响应于针对所述第一页面的目标输入操作,发送目标页面的所述预加载结果至所述第一设备,包括:响应于针对所述第一页面的目标输入操作,接收所述第一设备发送的获取所述目标页面的所述预加载结果的请求;所述目标输入操作用于所述第一设备确定待显示的所述目标页面;发送所述目标页面的所述渲染指令和所述布局计算结果至所述第一设备;所述渲染指令用于所述第一设备根据所述渲染指令进行所述目标页面的绘制,所述布局计算结果用于所述第一设备根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
在本申请实施例中,其他设备可以响应于用户输入操作,确定由当前页面即将跳转到的待显示页面,并向与其连接的终端设备请求该待显示页面的预加载结果,然后该终端设备可以响应于该请求,发送该待显示页面的预加载结果(例如可以包括该待显示页面的布局计算结果和渲染指令等等)至其他设备,然后其他设备可以根据该渲染指令进行该待显示页面的绘制,并且可以根据该布局计算结果构建该待显示页面中的一个或多个页面组件,等等,从而在该其他设备上显示该待显示页面。如此,其他设备在响应于用户输入操作进行页面跳转时,在其他设备本地无需进行相应渲染指令的生成以及布局计算,等等,极大程度上减少了其他设备本地的页面加载的计算量,大大提升了页面显示效率和用户操作体验。
在一种可能的实现方式中,所述第二设备的CPU主频和/或内存大于所述第一设备。
在本申请实施例中,智能手表或者带屏的智能音箱等终端设备的配置降低,其CPU主频和/或内存往往小于手机、平板电脑和笔记本电脑等配置较高的终端设备。因此,上述智能手表等低配设备在运行某一应用,并需要响应于用户输入的操作(例如点击显示屏显示的某一控件)在应用内进行页面跳转时,往往需要较长的页面加载时间,从而使得用户在进行操作后,新的页面迟迟不显示,极大程度上影响了用户体验,此时,便可以利用周边的手机或者平板电脑等高配设备,与其建立连接并对低配设备上可能跳转到的候选页面进行预加载,使得低配设备在响应于用户输入操作进行页面跳转时可以直接根据获取到的高配设备上已经预先加载得到的相关页面数据进行快速的页面显示,大大提升了页面显示效率和用户的实时操作体验。除此之外,在一些可能的实施例中,低配设备也可以将多个候选页面的预加载数据分配给多个与其连接的高配设备,由多个高配设备同时进行候选页面的预加载工作,例如智能手表可以将确定的4个候选页面中的2个候选页面分配给与其连接的手机,而将其余的2个候选页面分配给与其连接的平板电脑,等等,从而可以进一步提升候选页面的预加载效率。
第三方面,本申请实施例提供的一种页面显示装置,应用于第一设备,所述装置包括:
确定单元,用于确定显示于所述第一设备上的第一页面对应的N个第二页面;所述N个第二页面中的每个第二页面为基于所述第一页面进行页面跳转后的页面;N为大于或者等于1的整数;
获取单元,用于获取所述每个第二页面的预加载数据,将所述每个第二页面的预加载数据发送至第二设备;所述预加载数据包括所述每个第二页面的布局信息;所述预加载数据用于所述第二设备根据所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;
显示单元,用于响应于针对所述第一页面的目标输入操作,从所述第二设备中获取目标页面的所述预加载结果,根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面。
在一种可能的实现方式中,所述确定单元,具体用于:
根据所述第一设备上显示的所述第一页面,获取所述第一页面的历史操作埋点数据;所述历史操作埋点数据包括在目标时间段内采集到的所述第一页面中的一个或多个页面跳转控件各自对应的点击量;
根据所述历史操作埋点数据,计算基于所述第一页面进行页面跳转后,所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率;
根据所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率,确定所述N个第二页面,所述每个第二页面的显示概率大于第一阈值。
在一种可能的实现方式中,所述N个第二页面对应有各自的统一资源标识符URI,所述N个第二页面各自的URI包括所述N个第二页面各自的路由地址;所述获取单元,具体用于:
根据所述N个第二页面各自的所述路由地址,解析得到所述每个第二页面的所述预加载数据;所述N个第二页面各自的所述路由地址与所述预加载数据一一对应。
在一种可能的实现方式中,所述装置还包括:
排序单元,用于根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序,确定所述每个第二页面的预加载顺序;所述预加载顺序用于所述第二设备根据所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
在一种可能的实现方式中,所述预加载数据还包括所述每个第二页面的JS脚本;所述每个第二页面的所述JS脚本用于所述第二设备按照所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
在一种可能的实现方式中,所述显示单元,具体用于:
响应于针对所述第一页面的目标输入操作,确定待显示的所述目标页面;
从所述第二设备中获取所述目标页面的所述渲染指令和所述布局计算结果;
根据所述渲染指令进行所述目标页面的绘制,并根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
在一种可能的实现方式中,所述第二设备的CPU主频和/或内存大于所述第一设备。
第四方面,本申请实施例提供的一种页面显示装置,应用于第二设备,所述装置包括:
接收单元,用于接收N个第二页面中的每个第二页面的预加载数据;所述每个第二页面为基于第一页面进行页面跳转后的页面;所述第一页面为第一设备上显示的页面;N为大于或者等于1的整数;所述预加载数据包括所述每个第二页面的布局信息;
生成单元,用于根据所述每个第二页面的所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;
发送单元,用于响应于针对所述第一页面的目标输入操作,发送目标页面的所述预加载结果至所述第一设备,所述目标页面的所述预加载结果用于所述第一设备根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面。
在一种可能的实现方式中,所述N个第二页面为通过所述第一设备根据计算得到的基于所述第一页面进行页面跳转后,所述第一页面中的一个或多个页面跳转控件各自对应的所述第二页面的显示概率确定的;所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率为通过所述第一设备根据所述第一页面的历史操作埋点数据确定的;所述历史操作埋点数据包括在目标时间段内采集到的所述一个或多个页面跳转控件各自对应的点击量;所述每个第二页面的显示概率大于第一阈值。
在一种可能的实现方式中,所述N个第二页面对应有各自的统一资源标识符URI,所述N个第二页面各自的URI包括所述N个第二页面各自的路由地址;所述每个第二页面的预加载数据为通过所述第一设备根据所述N个第二页面各自的所述路由地址解析得到的;所述N个第二页面各自的所述路由地址与所述预加载数据一一对应。
在一种可能的实现方式中,所述每个第二页面对应有预加载顺序;所述每个第二页面的所述预加载顺序为通过所述第一设备根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序确定的;所述生成单元,具体用于:
根据所述每个第二页面的所述布局信息,按照所述每个第二页面的所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
在一种可能的实现方式中,所述预加载数据还包括所述每个第二页面的JS脚本;所述装置还包括:
执行单元,用于按照所述每个第二页面的所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
在一种可能的实现方式中,所述发送单元,具体用于:
响应于针对所述第一页面的目标输入操作,接收所述第一设备发送的获取所述目标页面的所述预加载结果的请求;所述目标输入操作用于所述第一设备确定待显示的所述目标页面;
发送所述目标页面的所述渲染指令和所述布局计算结果至所述第一设备;所述渲染指令用于所述第一设备根据所述渲染指令进行所述目标页面的绘制,所述布局计算结果用于所述第一设备根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
在一种可能的实现方式中,所述第二设备的CPU主频和/或内存大于所述第一设备。
第五方面,本申请实施例提供了一种终端设备,该终端设备为第一设备,该终端设备中包括处理器,处理器被配置为支持该终端设备实现第一方面提供的页面显示方法中相应的功能。该终端设备还可以包括存储器,存储器用于与处理器耦合,其保存该终端设备必要的程序指令和数据。该终端设备还可以包括通信接口,用于该终端设备与其他设备或通信网络通信。
第六方面,本申请实施例提供了一种终端设备,该终端设备为第二设备,该终端设备中包括处理器,处理器被配置为支持该终端设备实现第二方面提供的页面显示方法中相应的功能。该终端设备还可以包括存储器,存储器用于与处理器耦合,其保存该终端设备必要的程序指令和数据。该终端设备还可以包括通信接口,用于该终端设备与其他设备或通信网络通信。
第七方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,该计算机程序被处理器执行时实现上述第一方面中任意一项所述的页面显示方法流程。
第八方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,该计算机程序被处理器执行时实现上述第二方面中任意一项所述的页面显示方法流程。
第九方面,本申请实施例提供了一种计算机程序,该计算机程序包括指令,当该计算机程序被计算机执行时,使得计算机可以执行上述第一方面中任意一项所述的页面显示方法流程。
第十方面,本申请实施例提供了一种计算机程序,该计算机程序包括指令,当该计算机程序被计算机执行时,使得计算机可以执行上述第二方面中任意一项所述的页面显示方法流程。
第十一方面,本本申请实施例提供了一种芯片系统,该芯片系统包括上述第三方面中任意一项所述的页面显示装置,用于实现上述第一方面中任意一项所述的页面显示方法流程所涉及的功能。在一种可能的设计中,所述芯片系统还包括存储器,所述存储器,用于保存页面显示方法必要的程序指令和数据。该芯片系统,可以由芯片构成,也可以包含芯片和其他分立器件。
第十二方面,本本申请实施例提供了一种芯片系统,该芯片系统包括上述第四方面中任意一项所述的页面显示装置,用于实现上述第二方面中任意一项所述的页面显示方法流程所涉及的功能。在一种可能的设计中,所述芯片系统还包括存储器,所述存储器,用于保存页面显示方法必要的程序指令和数据。该芯片系统,可以由芯片构成,也可以包含芯片和其他分立器件。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对本申请实施例或背景技术中所需要使用的附图进行说明。
图1是现有技术中的一种浏览器页面预加载流程示意图。
图2是现有技术中的一种服务器渲染流程示意图。
图3是本申请实施例提供的一种页面显示方法的系统架构示意图。
图4是本申请实施例提供的一种终端设备的功能结构图。
图5是本申请实施例提供的一种系统架构框图。
图6是本申请实施例提供的一种页面显示方法的应用场景示意图。
图7a-图7c是本申请实施例提供的一组界面示意图。
图8是本申请实施例提供的一种页面显示方法的流程示意图。
图9是本申请实施例提供的另一种页面显示方法的流程示意图。
图10是本申请实施例提供的一种设备信息同步方法的流程示意图。
图11是本申请实施例提供的一种候选页面预加载流程示意图。
图12是本申请实施例提供的一种页面加载流程示意图。
图13是本申请实施例提供的一种页面显示装置的结构示意图。
图14是本申请实施例提供的另一种页面显示装置的结构示意图。
图15是本申请实施例提供的一种终端设备的结构示意图。
图16是本申请实施例提供的另一种终端设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例进行描述。
本申请的说明书和权利要求书及所述附图中的术语“第一”、“第二”、“第三”和“第四”等是用于区别不同对象,而不是用于描述特定顺序。此外,术语“包括”和“具有”以及它们任何变形,意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元,而是可选地还包括没有列出的步骤或单元,或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
在本说明书中使用的术语“部件”、“模块”、“系统”等用于表示计算机相关的实体、硬件、固件、硬件和软件的组合、软件、或执行中的软件。例如,部件可以是但不限于,在处理器上运行的进程、处理器、对象、可执行文件、执行线程、程序和/或计算机。通过图示,在终端设备上运行的应用和终端设备都可以是部件。一个或多个部件可驻留在进程和/或执行线程中,部件可位于一个计算机上和/或分布在2个或更多个计算机之间。此外,这些部件可从在上面存储有各种数据结构的各种计算机可读介质执行。部件可例如根据具有一个或多个数据分组(例如来自与本地系统、分布式系统和/或网络间的另一部件交互的二个部件的数据,例如通过信号与其它系统交互的互联网)的信号通过本地和/或远程进程来通信。
首先,对本申请中的部分用语进行解释说明,以便于本领域技术人员理解。
(1)统一资源标识符(Uniform Resource Identifier,URI),在电脑术语中是一个用于标识某一互联网资源名称的字符串。该种标识允许用户对任何的资源(包括本地和互联网的资源)通过特定的协议进行交互操作。URI由包括确定语法和相关协议的方案所定义。互联网上可用的每种资源,例如超文本标记语言(Hyper Text Markup Language,HTML)文档、图像、视频片段、程序等等,由一个通用资源标识符进行定位。其中,统一资源定位符(Uniform Resource Locator,URL)是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。
(2)路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。页面路由(或者称之为页面跳转、路由跳转),就是根据路由规则(路径)从一个页面跳转到另一个页面。
随着多终端交互技术的日益发展,越来越多智能手表等智能可穿戴设备或者智能音箱等终端设备可以通过无线网络或者蓝牙连接等方式与手机或者平板等设备实现数据同步,比如智能手表可以通过蓝牙连接获取手机端的天气数据或者每日运动数据等等。但是,当智能手表等配置较低的低配设备(例如为CPU主频小于2G,比如单核CPU或者双核CPU等,又例如设备内存小于1G等硬件配置较低的设备)在运行某一应用,并且需要响应于用户输入操作进行应用内的页面跳转时,受其硬件配置的限制,仍然需要较长时间进行页面的加载和显示,严重影响了用户的操作体验,因此势必需要为现有的低配设备上的页面跳转提供更高效率的页面显示技术。
为了便于理解本申请实施例,进一步分析并提出本申请所具体要解决的技术问题。在现有技术中,关于应用内需要响应于用户输入操作进行页面跳转的页面显示技术,包括多种技术方案,以下示例性的列举如下常用的两种方案。
方案一:通过页面预加载的页面显示方案。
网页(Web)领域提供了一种用于页面预加载的机制(Link Prefetching),广泛用于多种浏览器和移动设备的网页视图(WebView)中。该技术能够加快网页页面路由效率,也即加快页面的显示效率。请参阅图1,图1是现有技术中的一种浏览器页面预加载流程示意图。如图1所示,终端设备可以根据浏览器内显示的当前页面,向服务器请求预加载可能被路由到的页面资源(也即可能由当前页面跳转到的候选页面),通过提前缓存页面数据至浏览器,使得当响应于用户输入操作(例如点击当前网页页面内的某一链接)进入该路由页面时,不再进行网络请求,而是直接从缓存中加载该页面,提高路由效率,加快页面显示。
该方案一的缺点:浏览器页面的预加载技术,有以下几点问题:
1,该技术受到浏览器本身限制,在内存配置较低的设备上,无法运行。
2,该技术仅实现了设备与服务器之间的网络加载数据的缓存,页面的布局计算和渲染仍需在终端设备本地完成,因此,布局计算和渲染的性能仍受设备本身硬件性能的限制。
3,预加载数据仍保存在设备本地,也提高了设备的内存占用。
方案二:通过渲染服务器进行页面预处理的页面显示方案。
节点(Node)服务器出现后,可以利用服务器进行页面预处理,减少网络请求次数,以加快页面展示,减少浏览器端计算量的过程,被称为服务器端渲染,常配合前端开发框架(Vue)等框架使用。请参阅图2,图2是现有技术中的一种服务器渲染流程示意图。如图2所示,浏览器响应于用户输入操作,向渲染服务器请求该操作对应的待显示页面的URL,然后,该方案可以通过渲染服务器,预先向后端服务请求数据,然后将生成的完整HTML返回给浏览器进行展示。
该方案二的缺点:服务端渲染技术,有以下几点问题:
1,需要提供专用的渲染服务器,增加了成本。
2,只解决了网络请求问题,本身的数据渲染仍需浏览器的参与,因此在内存配置较低的设备上,无法运行。
综上,上述方案一和方案二均无法满足在低配设备运行的各类应用内进行页面跳转(或者称之为页面切换、路由跳转等)时,进行快速的新页面加载以及显示的需求,无法保证用户的实时操作体验。因此,为了解决当前页面显示技术中不满足实际业务需求的问题,本申请实际要解决的技术问题包括如下方面:基于现有的低配终端设备,利用与其连接的高配终端设备(例如为CPU主频大于2G,比如四核CPU或者八核CPU等,又例如设备内存大于16G等硬件配置较高的设备)进行页面预加载,提升低配终端设备上进行页面跳转时的页面显示效率,改善用户的在低配设备上的实时操作体验。
请参阅图3,图3是本申请实施例提供的一种页面显示方法的系统架构示意图,本申请实施例的技术方案可以在图3举例所示的系统架构或者类似的系统架构中具体实施。如图3所示,该系统架构可以包括第一设备100a和多个第二设备,具体可以包括第二设备200a、200b和200c。其中,第一设备100a可以通过有线或者无线网络(例如无线保真(Wireless-Fidelity,WiFi)、蓝牙和移动网络)等方式与第二设备200a、200b和200c建立通信连接,并且可以由其中的至少一个第二设备对该第一设备100a即将可能跳转到的一个或多个候选页面进行预加载,以提升第一设备100a的页面显示效率。
下面,以第一设备100a和第二设备200a为例,对本申请实施例中的一种页面显示方法进行详细阐述。其中,第一设备100a可以运行至少一种应用(例如为音乐、健康助手、日历等等应用),并可以根据当前应用内显示的页面,分析得到可能由当前页面跳转到的多个候选页面。例如,当前页面内包含多个页面跳转控件,则第一设备100a可以根据该多个页面跳转控件各自对应的跳转页面(或者称之为路由页面)确定该多个候选页面(或者称之为候选路由页面),可选地,该第一设备100a还可以根据该多个页面跳转控件在一定时间段内的用户点击量,确定其中部分点击量较高的页面跳转控件对应的跳转页面为候选页面,从而可以分析得到跳转概率较大,也即显示概率较大的候选页面。然后,第一设备100a可以通过解析该多个候选页面各自的路由地址,得到该多个候选页面各自的预加载数据(例如包括JS脚本、布局信息等等,该布局信息比如可以包括图片的尺寸信息和文本的长度等等),并将该多个候选页面各自的预加载数据发送至第二设备200a。第二设备200a根据该多个候选页面的预加载数据,对该多个候选页面进行预加载,分别得到该多个候选页面各自的预加载结果(例如可以包括布局计算结果,比如各个候选页面中的一个或多个页面组件的位置信息等等,还可以包括渲染指令等等)。可选地,第一设备100a还可以根据每一个候选页面的显示概率(例如点击量较高的页面跳换控件所对应的候选页面的显示概率较高)对该多个候选页面进行排序,第二设备200a可以按照该顺序优先对显示概率高的候选页面进行预加载,等等。然后,第一设备100a可以响应于用户输入操作(例如为点击该当前页面中的某一页面跳转控件,比如当第一设备100a运行健康助手等应用时,用户可以在应用首页点击查看今日运动记录等相关页面跳转控件),确定该操作对应的即将跳转到的待显示页面,并向第二设备200a请求该待显示页面的预加载结果。最后,第一设备100a可以接收第二设备200a发送的该待显示页面的预加载结果,并根据该待显示页面的预加载结果显示该待显示页面(例如根据已生成的布局计算结果构建该待显示页面中的一个或多个页面组件,并根据已生成的渲染指令绘制该待显示页面,比如根据渲染指令绘制三角形等等)。至此,通过第二设备200a对该多个候选页面的预加载工作,第一设备100a可以在页面跳转时直接从第二设备200a中获取其生成的预加载结果,大大减少了第一设备100a在进行页面跳转,需要加载并显示新页面时的计算量,提升页面显示效率,改善用户的实时操作体验。可选地,若该第二设备还未完成对该待显示页面的预加载,则第一设备100a也可以在本地完成全部的页面加载工作,并显示该待显示页面,等等,本申请实施例对此不作具体限定。可以理解的是,为保证预加载工作的顺利进行,该第二设备200a一般为当前情况下处于空闲状态的设备,例如为CPU占用率小于40%的设备,比如只运行了一个视频应用或者音乐应用的设备,等等,本申请实施例对此不作具体限定。
可选地,第一设备100a也可以将多个候选页面分配给多个第二设备同时进行候选页面的预加载。例如,分析得到由当前页面可能跳转到的4个候选页面,则可以将其中2个候选页面的预加载数据发送给运算能力较高或者设备运行状态较为空闲的第二设备200a,并将剩余2个候选页面的预加载数据分发给第二设备200b和200c。由此,可以由第二设备200a、200b和200c同时进行候选页面的预加载工作,并生成该4个候选页面的预加载结果,从而可以降低每一个第二设备的工作负担,进一步提高候选页面预加载的效率。
综上所述,第一设备100a可以为具备上述功能的智能可穿戴设备(例如为智能手表等)、带屏的智能音箱、智能手机和平板电脑等等;第二设备200a、200b和200c可以为具备上述功能的智能可穿戴设备、智能手机、平板电脑、笔记本电脑和台式电脑等等,本申请实施例对此不作具体限定。如上所述,一般情况下第一设备100a的硬件配置较低,运算能力往往小于第二设备200a、200b和200c中的任意一个第二设备,则第一设备100a在进行页面跳转时往往需要较长的时间来进行页面加载和显示。然而通过上述方法,在页面路由(也即页面跳转)的场景中,可以利用第二设备为网络中性能较弱的第一设备提供页面预加载的能力,大大减少第一设备100a在页面跳转时的计算量,加快页面显示,提升页面路由效率,改善用户的实时操作体验。
请参阅图4,图4是本申请实施例提供的一种终端设备的功能结构图。如图4所示,该功能框图具体包括建立连接的两个终端设备的功能结构图,分别为第一设备100的功能结构图和第二设备200的功能结构图。
下面以第一设备100和第二设备200为例对本申请实施例进行具体说明。应该理解的是,本申请实施例示意的结构并不构成对第一设备100和第二设备200的具体限定。第一设备100和第二设备200可以具有比图4中所示的更多的或者更少的部件,可以组合两个或多个的部件,或者拆分某些部件,或者可以具有不同的部件配置,等等。图4中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或着硬件和软件的组合中实现。
其中,第一设备100也可以称之为主体设备,只需要进行页面路由预加载的设备,通常是性能较低的终端设备;第二设备200也可以称之为供体设备,提供路由页面预加载处理服务的设备,通常是组网内具有较好运算能力的终端设备。如图4所示,第一设备100可以包括应用框架100、路由页面选择模块101、数据同步模块102、路由分配模块103、页面预加载模块104、设备管理模块105和渲染引擎106。第二设备200可以包括页面预加载模块201和设备管理模块202。
路由页面选择模块101负责解析当前页面,通过经验埋点、人工标注或智能分析等手段,预估用户的后续可能操作,并按概率由高到低的顺序,将候选路由页面链接进行排序,并将结果输出给路由分配模块103。
路由分配模块103负责从设备管理模块105中,获取当前网络中可用的第二设备的资源信息,按照第二设备的空闲状况和运算能力等,将不同候选路由页面的预加载数据分配给不同的第二设备进行预加载处理,并存储候选路由页面URI和第二设备ID的映射关系,可支持多种分配算法。
设备管理模块105和设备管理模块202负责网络中可用设备的信息管理,信息包括可用设备的类型,链接地址,当前空闲情况等。
主体设备中的页面预加载模块104主要负责数据转发并接收来自供体设备进行页面预加载后生成的相关数据(例如上述的布局计算结果和渲染指令等预加载结果)。
供体设备中的页面预加载模块201,用于处理来自主体设备的候选路由页面加载请求,通常存在于运算能力较好的高端设备中(也即供体设备中)。入图所示,该页面预加载模块201可以包括应用组件库、布局计算单元、JS引擎和渲染指令生成单元等等,可以根据接收到的数据信息(也即预加载数据,例如可以包括第一设备的设备信息、候选路由页面的页面布局、样式信息和JS脚本等等)进行候选路由页面的预加载,创建候选路由页面,并进行布局计算和渲染指令生成,等等。预加载得到的计算结果可以进行结构化存储,缓存于当前供体设备中。
数据同步模块102负责接收来自供体设备处理好的布局数据(也即上述的布局计算结果)和渲染指令,将布局数据发往框架,指导页面路由后,新页面的信息同步,将渲染指令发往渲染引擎,进行纹理渲染,以便迅速展示新页面。
可选地,第一设备100还可以包括:处理器,外部存储器接口,内部存储器,通用串行总线(universal serial bus,USB)接口,充电管理模块,电源管理模块,电池,天线,移动通信模块,无线通信模块,音频模块,扬声器,受话器,麦克风,耳机接口,传感器模块,按键,马达,指示器,摄像头,显示屏,以及用户标识模块(subscriber identification module,SIM)卡接口等等(图4中未示出),本申请实施例对此不作具体限定。其中,传感器模块可以包括压力传感器,陀螺仪传感器,气压传感器,磁传感器,加速度传感器,距离传感器,接近光传感器,指纹传感器,温度传感器,触摸传感器,环境光传感器,骨传导传感器等。
其中,处理器可以包括一个或多个处理单元,例如:处理器可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
其中,控制器可以是第一设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器中的存储器可以为高速缓冲存储器。该存储器可以保存处理器刚用过或循环使用的指令或数据。如果处理器需要再次使用该指令或数据,可以从所述存储器中直接调用。避免了指令或数据的重复存取,减少了处理器的等待时间,因而可以大大提高系统的运作效率。在本申请的一些实施例中,该存储器还可以存储有用户的历史操作埋点数据(例如第一设备100中的多个应用内各自的多个页面中的一个或多个页面跳转控件的历史点击量,或者用户的历史操作流程等等),以及多个第二设备的设备信息(例如多个第二设备各自的ID、CPU主频、空闲状况等等)。
在一些实施例中,处理器可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuitsound,I2S)接口,脉冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface,MIPI),通用输入输出(general-purposeinput/output,GPIO)接口,用户标识模块(subscriber identity module,SIM)接口,和/或通用串行总线(universal serial bus,USB)接口等。
可以理解的是,本申请实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对第一设备100的结构限定。在本申请另一些实施例中,第一设备100也可以采用与上述实施例中不同的接口连接方式,或多种接口连接方式的组合。可选地,上述第一设备100和第二设备200中各个模块的功能可以由一个或多个处理器实现,上述第一设备100和第二设备200中的全部或者部分模块每个都可以具有其自己的处理器。
充电管理模块用于从充电器接收充电输入。其中,充电器可以是无线充电器,也可以是有线充电器。
电源管理模块用于连接电池,充电管理模块与处理器。电源管理模块接收电池和/或充电管理模块的输入,为处理器,内部存储器,外部存储器,显示屏,摄像头和无线通信模块160等供电。
第一设备100的无线通信功能可以通过天线,移动通信模块,无线通信模块,调制解调处理器以及基带处理器等实现。
第一设备100通过GPU,显示屏,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏用于显示图像,视频等。显示屏包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emitting diode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organiclight emitting diode的,AMOLED),柔性发光二极管(flex light-emitting diode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot light emittingdiodes,QLED)等。在一些实施例中,第一设备100可以包括1个或多个显示屏194。
第一设备100可以通过ISP,摄像头,视频编解码器,GPU,显示屏以及应用处理器等实现拍摄功能。
ISP用于处理摄像头反馈的数据。例如,拍照时,打开快门,光线通过镜头被传递到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将所述电信号传递给ISP处理,转化为肉眼可见的图像。ISP还可以对图像的噪点,亮度,对比度和人脸肤色等等进行算法优化。ISP还可以对拍摄场景的曝光,色温等参数优化。在一些实施例中,ISP可以设置在摄像头中。
摄像头用于捕获静态图像或者视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB或者YUV等格式的图像信号。
其中,摄像头可以位于第一设备100的正面,例如位于触控屏的上方,也可以位于其他位置,例如位于第一设备的背面,等等。
数字信号处理器用于处理数字信号,除了可以处理数字图像信号,还可以处理其他数字信号。例如,当第一设备100在频点选择时,数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。第一设备100可以支持一种或多种视频编解码器。这样,第一设备100可以播放或录制多种编码格式的视频,例如:动态图像专家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现第一设备100的智能认知等应用,例如:图像识别,语音识别,文本理解,直方图均衡化等图像处理等等,在本申请的一些实施例中,还可以通过用户的历史操作埋点数据,预估用户针对第一设备100显示的当前页面可能进行的后续操作,分析得到由该当前页面可能跳转到的多个候选页面,以通过第二设备200进行后续的候选页面预加载工作,提升第一设备100的页面显示效率。
外部存储器接口可以用于连接外部存储卡,例如Micro SD卡,实现扩展终端设备100的存储能力。外部存储卡通过外部存储器接口与处理器通信,实现数据存储功能。例如将音乐,视频,照片等文件保存在外部存储卡中,在本申请的一些实施例中,还可以将上述用户的历史操作埋点数据和多个第二设备的设备信息保存在外部存储卡中。
内部存储器可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器通过运行存储在内部存储器的指令,从而执行终端设备100的各种功能应用以及数据处理。内部存储器可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,至少一个功能所需的应用,例如页面跳转功能,录像功能、拍照功能、图像处理功能,等等。存储数据区可以存储终端设备100使用过程中所创建的数据等。此外,内部存储器可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。
终端设备100可以通过音频模块,扬声器,受话器,麦克风,耳机接口,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。
扬声器,也称“喇叭”,用于将音频电信号转换为声音信号。
受话器,也称“听筒”,用于将音频电信号转换成声音信号。
麦克风,也称“话筒”,“传声器”,用于将声音信号转换为电信号。
耳机接口用于连接有线耳机。耳机接口可以是USB接口,也可以是3.5mm的开放移动终端设备平台(open mobile terminal platform,OMTP)标准接口,美国蜂窝电信工业协会(cellular telecommunications industry association of the USA,CTIA)标准接口。
压力传感器用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器可以设置于显示屏。压力传感器的种类很多,如电阻式压力传感器,电感式压力传感器,电容式压力传感器等。
陀螺仪传感器可以用于确定终端设备100的运动姿态。在一些实施例中,可以通过陀螺仪传感器确定终端设备100围绕三个轴(即,x,y和z轴)的角速度。
接近光传感器可以包括例如发光二极管(LED)和光检测器,例如光电二极管。发光二极管可以是红外发光二极管。
环境光传感器用于感知环境光亮度。终端设备100可以根据感知的环境光亮度自适应调节显示屏亮度。环境光传感器也可用于拍照时自动调节白平衡。
指纹传感器用于采集指纹。终端设备100可以利用采集的指纹特性实现指纹解锁,访问应用锁,指纹拍照,指纹接听来电等。其中,该指纹传感器可以设置在触控屏下方,终端设备100可以接收用户在触控屏上该指纹传感器对应的区域的触摸操作,终端设备100可以响应于该触摸操作,采集用户手指的指纹信息,实现屏幕解锁和支付等相关功能。
温度传感器用于检测温度。在一些实施例中,终端设备100利用温度传感器检测的温度,执行温度处理策略。
触摸传感器,也称“触控面板”。触摸传感器可以设置于显示屏,由触摸传感器与显示屏组成触摸屏,也称“触控屏”。触摸传感器用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器也可以设置于终端设备100的表面,与显示屏所处的位置不同。
按键包括开机键,音量键等。按键可以是机械按键。也可以是触摸式按键。终端设备100可以接收按键输入,产生与终端设备100的用户设置以及功能控制有关的键信号输入。
指示器可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。
SIM卡接口用于连接SIM卡。SIM卡可以通过插入SIM卡接口,或从SIM卡接口195拔出,实现和终端设备100的接触和分离。在一些实施例中,终端设备100采用eSIM,即:嵌入式SIM卡。eSIM卡可以嵌在终端设备100中,不能和终端设备100分离。
可选地,第二设备100还可以包括:处理器,外部存储器接口,内部存储器,通用串行总线(universal serial bus,USB)接口,充电管理模块,电源管理模块,电池,天线,移动通信模块,无线通信模块,音频模块,扬声器,受话器,麦克风,耳机接口,传感器模块,按键,马达,指示器,摄像头,显示屏,以及用户标识模块(subscriber identification module,SIM)卡接口等等(图4中未示出),此处不再进行赘述。
综上所述,第一设备100可以为上述图3所述系统架构中的第一设备100a,可以是具备上述功能的智能可穿戴设备、带屏的智能音箱、智能手机、平板电脑等等设备,本申请实施例对此不作具体限定。第二设备200可以为上述图3所述系统架构中的第二设备200a/200b和200c中的任意一个第二设备,可以是具备上述功能的智能可穿戴设备、智能手机、平板电脑、笔记本电脑、台式电脑等等设备,本申请实施例对此不作具体限定。
可选地,第一设备100的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本申请实施例以分层架构的Android系统为例,示例性说明终端设备100的软件结构。第一设备100的分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将Android系统分为四层,从上至下分别为应用程序层,应用程序框架层,系统库,以及内核层。
其中,应用程序层可以包括一系列应用程序包,例如可以包括相机,图库,日历,通话,地图,导航,WLAN,蓝牙,音乐,视频,短信息等应用程序(也可以称为应用)。还可以包括本申请涉及的相关页面显示应用,通过该页面显示应用可以运用本申请中的一种页面显示方法,通过与该第一设备100连接的运算能力较高的设备(例如为上述的第二设备200)对可能由该第一设备100显示的当前页面跳转到的多个候选页面进行预加载,提升第一设备100在应用内进行页面跳转时的页面显示效率,改善用户的实时操作体验。又例如,在本申请的一些实施例中,当第一设备100运行上述相机、图库、日历和音乐任意应用时,均可以运用本申请中的一种页面显示方法,以提升第一设备100在应用内进行页面跳转时的页面显示效率,改善用户的实时操作体验。
请参阅图5,图5是本申请实施例提供的一种系统架构框图。本申请针对终端系统应用框架进行了相应改进,在原有应用框架基础上,增加了路由页面的预加载能力,并利用分布式数据通信的能力,将页面的布局计算与渲染指令生成代理给网络中运算能力更好的设备中。如图5所示,该系统架构的开发者应用代码中包括页面布局描述和应用数据;该系统架构的应用框架中包括路由页面选择、路由页面分配、路由页面跳转、渲染、布局逻辑和布局数据同步,其中,在现有技术的基础上增设了路由页面选择、路由页面分配和布局数据同步;该系统框架的操作系统层中包括图形图像、布局数据通信和候选路由页面加载服务,其中,在现有技术的基础上增设了候选路由页面加载服务,可以通过网络中性能较好的设备实现页面的预加载,提升运算能力较低的低配设备在应用内进行页面跳转时的页面显示效率,改善用户的实时操作体验。
为了便于理解本申请实施例,以下示例性列举本申请中一种页面显示方法所适用的应用场景,可以包括如下场景。
场景一,通过手机为智能手表提供候选页面的预加载服务,提升智能手表的页面显示效率。
请参阅图6,图6是本申请实施例提供的一种页面显示方法的应用场景示意图。如图6所示,该应用场景可以包括第一设备(图6中以智能手表为例)和第二设备(图6中以智能手机为例)。其中,该第一设备中可以包括相关存储器,处理器和显示器,其中,存储器、处理器和显示器可以通过系统总线进行数据传输。其中,该第二设备中也可以包括相关存储器,处理器和显示器,其中,存储器、处理器和显示器可以通过系统总线进行数据传输。该第一设备和该第二设备可以通过蓝牙、WiFi和移动网络等方式建立连接。其中,在如图6所示的应用场景中,例如当第一设备打开某一应用并加载显示了第一页面时,可以根据当前显示的第一页面,预估用户的后续操作,分析得到可能跳转到的多一个第二页面(例如图6所示的第二页面1、第二页面2和第二页面3),然后将该多个第二页面的预加载数据发送至与其连接的第二设备。第二设备可以根据该预加载数据对该多个第二页面进行预加载处理,生成该多个第二页面的预加载结果。最后,第一设备响应于用户输入操作(例如点击该第一页面中的某一页面跳转控件),确定该操作对应的跳转页面为第二页面1,则第一设备可以从该第二设备中获取该第二页面1的预加载结果,并如图6所示根据该预加载结果显示该第二页面1。至此,完成了通过第二设备的预加载,提升第一设备在需要进行页面跳转,以显示新页面时的页面显示效率,改善了用户的操作体验。
在本申请实施例中,用户对第一设备的操作过程可以参阅图7a-图7c,图7a-图7c是本申请实施例提供的一组界面示意图。如图7a所示,第一设备显示了蓝牙连接界面701,其中,该第一设备的设备名称可以为第一设备A10。如图7a所示,在用户开启第一设备的蓝牙后,第一设备可以检测到附近的可用设备(也即可以与第一设备建立蓝牙连接的设备)并显示,例如包括图7a所示的第二设备B10、第二设备B11、第二设备B12等。如图7a所示,该蓝牙连接界面701还可以包括第二设备B10连接控件702a、第二设备B11连接控件702b和第二设备B12连接控件702c。例如,当用户想要通过第二设备B12进行页面预加载时,可以通过如图7a所示的输入操作703(例如为点击第二设备B12连接控件702c)建立第一设备与该第二设备B12之间的连接,以进行后续的页面预加载流程。可选地,在第一设备与该第二设备B12已建立过蓝牙连接,并且两者蓝牙始终开启的情况下,第一设备可以在开机后与该第二设备B12自动建立蓝牙连接,无需用户手动操作,等等,本申请实施例对此不作具体限定。如图7b所示,在与第二设备B12建立蓝牙连接后,第一设备可以显示应用界面704,其中,该应用界面704可以包括天气应用705a、音乐应用705b、日历应用705c和健康应用705d。用户可以根据实际需求选择任意的应用,并在该应用运行过程中可以使用本申请提供的一种页面显示方法,分析得到可能由该应用显示的当前页面跳转到的多个候选页面,并通过与其连接的上述第二设备B12对该对个候选页面进行预加载,以缩短第一设备在该应用内进行页面跳转时的页面加载时间,加快页面显示。如图7b所示,用户可以通过输入操作706(例如为点击健康应用705d)运行健康应用705d。此时,如图7c所示,在用户点击了健康应用705d后,第一设备可以显示用户的运动记录界面707,其中,该运动记录界面707可以包括设置控件708、“7月2日运动记录(今日)”查看控件709a、“7月1日运动记录”查看控件709b和“6月30日运动记录”查看控件709c,以及返回控件710和管理控件711等等。如图7c所示,当第一设备显示了该运动记录界面707后,第一设备可以根据用户的历史操作埋点数据,评估用户针对该运动记录界面707可能的后续操作,确定可能由该运动记录界面707跳转到的多个候选页面,例如,该多个候选页面可以包括7月2日运动记录(今日)页面、7月1日运动记录页面和6月30日运动记录页面,等等。此时,第一设备可以将该多个候选页面的预加载数据(例如包括各个候选页面的JS脚本和布局信息等等)发送给上述第二设备B12,第二设备B12对该多个候选页面进行预加载,生成该多个候选页面各自的预加载结果(例如包括各个候选页面的布局计算结果和渲染指令等),并且可以将该预加载结果存储于第二设备B12本地。然后,如图7c所示,用户可以通过输入操作712(例如为点击“6月30日运动记录”查看控件709c)使得第一设备进行该应用内的页面跳转,以查看用户6月30日的运动记录,此时,第一设备响应于用户的输入操作712,从第二设备B12中获取该6月30日运动记录页面的预加载结果,并根据该预加载结果快速、高效地加载并显示该页面。如图7c所示,第一设备在页面跳转后显示了6月30日运动记录界面713,此处不再进行赘述。
如上所述,该第一设备可以为具备上述功能的智能可穿戴设备、带屏的智能音箱、智能手机、平板电脑等等设备,本申请实施例对此不作具体限定。该第二设备可以为具备上述功能的智能可穿戴设备、智能手机、平板电脑、笔记本电脑、台式电脑等等设备,本申请实施例对此不作具体限定。通常情况下,第一设备的运算能力小于第二设备,例如第一设备的CPU主频和/或内存小于第二设备,比如第二设备的硬件配置为八核CPU,其CPU主频为4G,其内存为16G,而第一设备的硬件配置为双核CPU,其CPU主频为1G,其内存为2G。由此,可以利用第二设备为网络中性能较弱的第一设备提供页面预加载的能力,大大减少第一设备在页面跳转时的计算量,加快页面显示,提升页面路由效率,改善用户的实时操作体验。
请参阅图8,图8是本申请实施例提供的一种页面显示方法的流程示意图。该方法可应用于图3所述的系统架构及上述图6所述的应用场景中,以及具体可应用于上述图4的第一设备100中。下面结合附图8以执行主体为上述图4中的第一设备100为例进行描述。该方法可以包括以下步骤S801-步骤S803:
步骤S801,确定显示于第一设备上的第一页面对应的N个第二页面。
具体地,第一设备根据当前显示的第一页面,确定可能由该第一页面跳转到的N个第二页面,其中,N为大于或者等于1的整数。
可选地,第一设备可以将该第一页面中包括的一个或多个页面跳转控件中的每一个页面跳转控件对应的跳转页面确定为第二页面。可选地,第一设备还可以根据用户针对该第一页面的历史操作埋点数据,例如包括该一个或多个页面跳转控件各自的历史点击量等等,预估用户较有可能针对该第一页面进行的后续操作,确定该一个或多个页面跳转控件各自对应的跳转页面的显示概率,然后可以将显示概率大于第一阈值(例如为50%或者65%等等)的跳转页面确定为该第二页面,等等,本申请实施例对此不作具体限定。
步骤S802,获取每个第二页面的预加载数据,将每个第二页面的预加载数据发送至第二设备;预加载数据包括每个第二页面的布局信息;预加载数据用于第二设备根据布局信息生成每个第二页面的预加载结果。
具体地,第一设备根据每个第二页面的路由地址(需要说明的是,每个第二页面对应有URI,URI可以包括路由地址,该路由地址可以为URI的一种表现形式),解析得到每个第二页面的预加载数据(例如可以包括每个第二页面的JS脚本和布局信息,还可以包括样式信息和图片等资源),其中,每个第二页面的路由地址与预加载数据一一对应。然后,第一设备可以将每个第二页面的预加载数据发送给与其连接的第二设备,由第二设备根据该布局信息等等,对每个第二页面进行预加载,生成每个第二页面的预加载结果(例如包括每个第二页面的布局计算结果,该布局计算结果比如可以包括每个第二页面中的各个页面组件的位置信息等等;预加载结果例如还可以包括每个第二页面的渲染指令等等)。可选地,第二设备可以将生成的预加载结果存储至第二设备本地。
可选地,第一设备还可以根据上述N个第二页面各自的显示概率对该N个第二页面进行排序,确定该每个第二页面的预加载顺序。第二设备可以根据该预加载顺序依次生成每个第二页面的预加载结果。其中,该N个第二页面中的第i个第二页面的显示概率大于N个第二页面中的第i+1个第二页面;第i个第二页面的预加载顺序先于第i+1个第二页面;i为大于或者等于1的整数。可以理解的,通常情况下,在第一设备响应于用户输入操作进行页面跳转时,即将跳转到的页面极有可能是上述显示概率最大或者较大的第二页面,则根据上述顺序,该第二页面可以率先在第二设备上完成预加载,从而使得后续第一设备可以成功从该第二设备中获取该第二页面的预加载结果,并根据该预加载结果进行页面的加载和显示,极大程度上减少第一设备的计算量,大大提升了页面显示效率。由此,令显示概率较大的第二页面先进行预加载,可以有效避免即将跳转到的页面还未完成预加载,仍需第一设备在本地完成页面加载的全部计算量,从而导致页面加载缓慢,页面迟迟无法显示的情况。
步骤S803,响应于针对第一页面的目标输入操作,从第二设备中获取目标页面的预加载结果,根据目标页面的预加载结果显示目标页面。
具体地,第一设备响应于用户针对该第一页面的目标输入操作(例如为点击该第一页面中的某一页面跳转控件),确定该操作对应的目标页面,然后从第二设备中获取目标页面的预加载结果,并根据目标页面的预加载结果显示目标页面。例如可以根据第二设备生成的该目标页面的布局计算结果构建该目标页面中的一个或多个页面组件,还可以根据第二设备生成的该目标页面的渲染指令绘制该目标页面,例如根据渲染指令绘制相应的图形等等。可选地,第一设备的运算能力小于第二设备,例如第一设备的CPU主频和/或内存小于第二设备,比如第二设备的硬件配置为八核CPU,其CPU主频为4G,其内存为16G,而第一设备的硬件配置为双核CPU,其CPU主频为1G,其内存为2G。由此,可以利用第二设备为网络中性能较弱的第一设备提供页面预加载的能力,大大减少第一设备在页面跳转时的计算量,加快页面显示,提升页面路由效率(例如可以使得上述运算能力较差的第一设备在应用内的页面跳转效率可以与手机等运算能力较高的设备基本持平,例如使得第一设备的页面跳转时间,也即从用户输入操作到页面加载显示完成所需的时间小于500ms,或者小于300ms、250ms等等),改善用户的实时操作体验。
请参阅图9,图9是本申请实施例提供的另一种页面显示方法的流程示意图。该方法可应用于图3所述的系统架构及上述图6所述的应用场景中,以及具体可应用于上述图4的第一设备100和第二设备200中。下面结合附图9以执行主体为上述图4中的第一设备100和第二设备200为例,从交互侧进行描述。该方法可以包括以下步骤S901-步骤S908:
步骤S901,确定显示于第一设备上的第一页面对应的N个第二页面。
具体地,步骤S901可以参考上述图8所述实施例中的步骤S801,此处不再进行赘述。
可选地,请参阅图10,图10是本申请实施例提供的一种设备信息同步方法的流程示意图。如图10中的步骤S11所示,新设备可以通过连接至家庭局域网或者与组网内的其他设备建立蓝牙连接等方式入网。如图10中的步骤S12所示,当该新设备加入网络时,该新设备内的设备管理模块可以判断其是否为高运算能力设备(也即是否为第二设备,例如可以根据CPU主频进行判断,比如若该新设备的CPU主频大于2G,则可以判定该新设备为高运算能力设备)。如图10中的步骤S13-步骤S15所示,若该新设备不是高算力设备,也即该新设备为第一设备,则该新设备可以在组网内通过发送广播信息,查询当前网络中可以利用的高算力设备,高算力设备反馈设备信息至该新设备,新设备可以将该高算力设备的设备信息(例如设备ID,比如IP地址等等)存储至设备管理表中。可选地,如图10中的步骤S16-步骤S17所示,若该新设备为高算力设备,也即该新设备为第二设备,则该新设备可以在组网内将自己的设备ID和空闲状况(例如为该新设备当前的CPU占用率等)等设备信息广播给组网内的其他设备(例如可以包括组网内的低算力设备,也即组网内的第一设备,还可以包括组网内的高算力设备等),其他设备可以通过监听该新设备的广播消息,获取该新设备的设备信息,并将该设备信息写入设备管理表。至此,完成组网内的设备信息的同步。
步骤S902,获取每个第二页面的预加载数据。
具体地,步骤S902可以参考上述图8所述实施例中的步骤S802,此处不再进行赘述。
可选地,请参阅图11,图11是本申请实施例提供的一种候选页面预加载流程示意图。如图11中的步骤S21a-步骤S24a所示,第一设备可以在首页加载完成后(也即显示了上述第一页面后),通过访问埋点数据库获取每一个候选路由页面的访问概率,也即获取基于该第一个面进行页面跳转后,可能显示的多个第二页面各自的显示概率。然后还可以再在其中选取显示概率大于第一阈值的第二页面,以减少多余的预加载工作量和数据传输量。并且,还可以按照其显示概率高低对每个第二页面进行排序(例如可以根据每个第二页面的显示概率高低将每个第二页面的URI进行排序),使得显示概率较大的第二页面的预加载顺序先于显示概率较低的第二页面,用于后续由第二设备按照其顺序对每个第二页面进行预加载,此处不再进行赘述。
可选地,请一并参阅图11,如图11中的步骤S25a-步骤S26a所示,第一设备可以首先读取当前组网内的可用设备,例如为处于空闲状态(比如CPU占用率小于30%等等)的一个或多个第二设备,然后可以按照访问概率(也即上述每个第二页面的显示概率)分配该多个第二页面至一个或多个第二设备。例如,共有4个第二页面,分别为第二页面A01,显示概率为95%;第二页面A02,显示概率为80%;第二页面A03,显示概率为64%;第二页面A04,显示概率为50%。同时,共有可用的2个第二设备,分别为第二设备B01,CPU占用率为20%,CPU主频为4G;第二设备B02,CPU占用率为35%,CPU主频为2G。则此时第一设备可以根据上述每个第二设备的设备信息,以及各个第二页面的显示概率等,将第二页面A01和第二页面A02分配给第二设备B01进行页面预加载,并将第二页面A03和第二页面A04分配给第二设备B02进行页面预加载,等等,本申请实施例对此不作具体限定。如此,可以通过多个第二设备同时进行页面预加载,提升页面预加载效率。可选地,为了减少第一设备的计算量,也可以将该4个第二页面都直接分配给第二设备B01或者第二设备B02,而不进行分配计算,等等,本申请实施例对此不作具体限定。可选地,请一并参阅图11,如图11中的步骤S27a所示,第一设备在分配了候选路由页面(也即上述的第二页面)后,可以记录候选路由页面URI与设备ID映射关系,得到如图11所示的URI与设备ID映射表。例如,如上所述,可以记录第二页面A01和第二页面A02与第二设备B01的映射关系,以及记录第二页面A03和第二页面A04与第二设备B02的映射关系。
可选地,请一并参阅图11,如图11中的步骤S28a-步骤S29a所示,第一设备可以根据候选路由页面URI,加载候选路由页面数据,也即加载得到上述每个第二页面的预加载数据。然后第一设备可以将该预加载数据发送给第二设备,以交由第二设备中的页面预加载模块处理,生成每个第二页面的预加载结果。其中,该预加载数据可以存储于第一设备本地。
步骤S903,向第二设备发送每个第二页面的预加载数据。
具体地,步骤S903可以参考上述图8所述实施例中的步骤S802,此处不再进行赘述。
可选地,第一设备可以根据上述不同的第二页面与第二设备的映射关系将不同的第二页面的预加载数据发送给不同的第二设备。例如,如上所述,可以将第二页面A01和第二页面A02的预加载数据发送给第二设备B01,并将第二页面A03和第二页面A04的预加载数据发送给第二设备B02,等等,本申请实施例对此不作具体限定。
步骤S904,根据每个第二页面的预加载数据生成每个第二页面的预加载结果。
具体地,步骤S904可以参考上述图8所述实施例中的步骤S802,此处不再进行赘述。
可选地,请一并参阅图11,如图11中的步骤S21b-步骤S24b所示,第二设备在接收了第二页面的预加载数据(例如包括每个第二页面的JS脚本、布局信息等等)后,可以根据该预加载数据对每个第二页面进行预加载,生成每个第二页面的预加载结果。例如可以通过依次执行JS脚本、创建每个第二页面中的一个或多个页面组件;根据每个页面的布局信息,通过布局计算,生成每个第二页面的布局计算结果;根据得到的布局计算结果,通过渲染指令生成,生成每个第二页面的渲染指令等等。然后,如图11中的步骤S25b-步骤S26b所示,第二设备可以在预加载完成后通知主体设备(也即第一设备)页面预加载已完成,至此,完成整个页面预加载流程。
步骤S905,响应于针对第一页面的目标输入操作,确定待显示的目标页面。
具体地,步骤S905可以参考上述图8所述实施例中的步骤S803,此处不再进行赘述。
可选地,请参阅图12,图12是本申请实施例提供的一种页面加载流程示意图。如图12中的步骤S31所示,第一设备响应于用户输入操作发起路由切换(也即页面跳转),确定该操作对应的即将跳转到的目标页面。
步骤S906,向第二设备发送获取目标页面的预加载结果的请求。
具体地,步骤S906可以参考上述图8所述实施例中的步骤S803,第一设备在确定了目标页面后,可以向与其连接的第二设备发送请求,以从该第二设备中获取该目标页面的预加载结果,此处不再进行赘述。该目标页面可以为上述N个第二页面中的一个。可以理解的是,若该第一设备查询得到该第二设备还未完成该目标页面的预加载,或者该目标页面不是该N个第二页面中的一个(例如该目标页面的显示概率极低,为了减少计算量,不考虑对其进行预加载的情况下),则该第一设备可以无需向第二设备发送获取目标页面的预加载结果的请求,而完全在第一设备本地完成目标页面的加载和显示。
可选地,若如上所述,在该第一设备将不同的第二页面分配给多个第二设备进行预加载的情况下,如图12中的步骤S32-步骤S33所示,在第一设备确定了目标页面后,可以根据上述得到的URI与设备ID映射表,根据该目标页面的URI,查看该目标页面是否已分配了第二设备进行预加载(也即该目标页面是否为该N个第二页面中的一个),若该目标页面已分配了对应的目标设备进行预加载,则进一步查看该目标设备是否已完成对该目标页面的预加载。可选地,若第一设备查找得到该目标页面未分配或者未完成预加载,则第一设备无需发送获取目标页面的预加载结果的请求,并可以在第一设备本地进行目标页面的加载和显示,如图12中的步骤S34c-步骤S37c所示,第一设备启动本地加载流程,依次执行创建组件、布局计算和渲染更新等步骤,从而完成路由切换,也即显示该目标页面。可选地,若第一设备查找得到该目标页面已分配了对应的目标设备进行预加载,并且该目标设备已完成对该目标页面的预加载,则第一设备可以向该目标设备发送获取该目标页面的预加载结果的请求。其中,该目标设备可以为上述多个第二设备中的一个。例如,若该目标页面为上述的第二页面A01,则根据URI与设备ID映射表,可以确定该目标设备为上述的第二设备B01,第一设备可以向该第二设备B01发送获取第二页面A01的预加载结果的请求。
步骤S907,向第一设备发送目标页面的预加载结果。
具体地,在第二设备接收到第一设备发送的获取目标页面的预加载结果的请求后,第二设备可以向该第一设备发送该目标页面的预加载结果。
可选地,请一并参阅图12,如图12中的步骤S34a和步骤S34b所示,第一设备可以从该目标页面对应的目标设备中拉取其生成的渲染指令以及布局结果数据。
步骤S908,根据目标页面的预加载结果显示目标页面。
具体地,步骤S908可以参考上述图8所述实施例中的步骤S803,此处不再进行赘述。
可选地,请一并参阅图12,如图12中的步骤S35a-步骤S35b所示,第一设备可以将获取到的渲染指令提交给第一设备的渲染引擎进行绘制,并根据布局计算结果还原页面组件数据,构建目标页面。如图12中的步骤S36-步骤S39所示,若该目标页面依赖输入数据,当该目标页面内存在数据更新(例如为账户余额更新等等),则可以从网络中获取该最新数据并进行更新,最终完成路由切换,也即显示该目标页面。
本申请实施例提供了一种页面显示方法,可以在现有页面预加载的思想基础上,利用了组网中其他的设备,减少了本地设备的工作量,降低了本地设备对CPU资源的竞争,让出更多资源进行用户的UI操作,同时可以通过组网中的其他设备进行多个候选路由页面的预加载,并且无需开发者参与(例如无需开发者对可能的候选页面进行手动标注,而可以直接根据用户的历史操作埋点数据分析得到可能的候选页面),能够直接改进现有应用体验。具体地,本申请实现了:1、组网设备资源分配,建立了设备之间同步可用设备的资源分配机制;2、候选路由页面的外部加载,改进了原有路由页面预加载的方式,将传统需开发者参与的方案,利用框架改良方式,进行页面路由目标预估,并且引入了分布式能力,将原本需要利用本地资源进行预加载的工作,交由运算能力更强的外部设备进行,减少了本地资源的竞争;3、数据回传同步机制,利用外部设备进行页面预加载后,可以从外部设备中一并获取渲染指令和布局计算结果,则第一设备可以将渲染命令和布局计算结果分开处理,利用并行化能力,在界面展示的同时,进行页面结构创建(也即在根据渲染指令进行绘制的同时,还可以根据布局计算结果进行页面构建),解除了两个逻辑间的耦合关系,加快了页面展示效率,提升了用户操作体验。如此,使用本申请提供的一种页面显示方法,能够利用空闲的高端设备,为低端设备应用页面路由跳转提供优化支持,支持多路由候选页面的多端并发预渲染,并在需要时从高端设备中获得页面加载数据。
在本申请可能的一些实施例中,例如智能手表可以利用周边的手机和平板,加快智能手表中日历应用各个页面的跳转,从首页快速进入常用的日程页面等等;还例如带屏的智能音箱设备,可以利用周边的手机和平板,加快该智能音箱设备中音乐应用内播放页与详情页的跳转。
可选地,在本申请可能的一些实施例中,针对候选路由页面的分配,还可以进行分配算法的优化,例如可以通过人工标注优先级,或者通过对候选页面复杂度进行评估等方法,使得第二设备优先处理复杂度高的页面,进而可以通过更为准确的候选路由页面分配,减少无用的候选路由页面预加载;其中,针对页面预加载模块的改良,在本申请可能的一些实施例中,第二设备可以只进行页面的布局计算,而不进行渲染指令的生成,从而可以加快计算速度,及时反馈信息,减少数据传输量,降低数据传输造成的迟延,进而可以通过调整预加载模块的工作内容,根据第一设备自身能力选择交由第二设备进行的工作,优化网络数据传输,等等,本申请实施例对此不作具体限定。
请参阅图13,图13是本申请实施例提供的一种页面显示装置的结构示意图,该页面显示装置可以应用于上述第一设备,所述第一设备可以为硬件配置较低,运算能力较差的终端设备。该页面显示装置可以包括装置30,该装置30可以包括确定单元301、获取单元303和显示单元304,其中,各个单元的详细描述如下:
确定单元301,用于确定显示于所述第一设备上的第一页面对应的N个第二页面;所述N个第二页面中的每个第二页面为基于所述第一页面进行页面跳转后的页面;N为大于或者等于1的整数;
获取单元303,用于获取所述每个第二页面的预加载数据,将所述每个第二页面的预加载数据发送至第二设备;所述预加载数据包括所述每个第二页面的布局信息;所述预加载数据用于所述第二设备根据所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;
显示单元304,用于响应于针对所述第一页面的目标输入操作,从所述第二设备中获取目标页面的所述预加载结果,根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面。
在一种可能的实现方式中,所述确定单元301,具体用于:
根据所述第一设备上显示的所述第一页面,获取所述第一页面的历史操作埋点数据;所述历史操作埋点数据包括在目标时间段内采集到的所述第一页面中的一个或多个页面跳转控件各自对应的点击量;
根据所述历史操作埋点数据,计算基于所述第一页面进行页面跳转后,所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率;
根据所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率,确定所述N个第二页面,所述每个第二页面的显示概率大于第一阈值。
在一种可能的实现方式中,所述N个第二页面对应有各自的统一资源标识符URI,所述N个第二页面各自的URI包括所述N个第二页面各自的路由地址;所述获取单元303,具体用于:
根据所述N个第二页面各自的所述路由地址,解析得到所述每个第二页面的所述预加载数据;所述N个第二页面各自的所述路由地址与所述预加载数据一一对应。
在一种可能的实现方式中,所述装置还包括:
排序单元302,用于根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序,确定所述每个第二页面的预加载顺序;所述预加载顺序用于所述第二设备根据所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
在一种可能的实现方式中,所述预加载数据还包括所述每个第二页面的JS脚本;所述每个第二页面的所述JS脚本用于所述第二设备按照所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
在一种可能的实现方式中,所述显示单元304,具体用于:
响应于针对所述第一页面的目标输入操作,确定待显示的所述目标页面;
从所述第二设备中获取所述目标页面的所述渲染指令和所述布局计算结果;
根据所述渲染指令进行所述目标页面的绘制,并根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
在一种可能的实现方式中,所述第二设备的CPU主频和/或内存大于所述第一设备。
需要说明的是,本申请实施例中所描述的页面显示装置中各功能单元的功能可参见上述图8中所述的方法实施例中步骤S801-步骤S803的相关描述,还可以参见上述图9中所述的方法实施例中步骤S901-步骤S908的相关描述,此处不再进行赘述。
图13中每个单元可以以软件、硬件、或其结合实现。以硬件实现的单元可以包括路及电炉、算法电路或模拟电路等。以软件实现的单元可以包括程序指令,被视为是一种软件产品,被存储于存储器中,并可以被处理器运行以实现相关功能,具体参见之前的介绍。
请参阅图14,图14是本申请实施例提供的另一种页面显示装置的结构示意图,该页面显示装置可以应用于第二设备,所述第二设备可以为硬件配置较高,运算能力较高的终端设备。该页面显示装置可以包括装置40,该装置40可以包括接收单元401、生成单元403和发送单元404,其中,各个单元的详细描述如下:
接收单元401,用于接收N个第二页面中的每个第二页面的预加载数据;所述每个第二页面为基于第一页面进行页面跳转后的页面;所述第一页面为第一设备上显示的页面;N为大于或者等于1的整数;所述预加载数据包括所述每个第二页面的布局信息;
生成单元403,用于根据所述每个第二页面的所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;
发送单元404,用于响应于针对所述第一页面的目标输入操作,发送目标页面的所述预加载结果至所述第一设备,所述目标页面的所述预加载结果用于所述第一设备根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面。
在一种可能的实现方式中,所述N个第二页面为通过所述第一设备根据计算得到的基于所述第一页面进行页面跳转后,所述第一页面中的一个或多个页面跳转控件各自对应的所述第二页面的显示概率确定的;所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率为通过所述第一设备根据所述第一页面的历史操作埋点数据确定的;所述历史操作埋点数据包括在目标时间段内采集到的所述一个或多个页面跳转控件各自对应的点击量;所述每个第二页面的显示概率大于第一阈值。
在一种可能的实现方式中,所述N个第二页面对应有各自的统一资源标识符URI,所述N个第二页面各自的URI包括所述N个第二页面各自的路由地址;所述每个第二页面的预加载数据为通过所述第一设备根据所述N个第二页面各自的所述路由地址解析得到的;所述N个第二页面各自的所述路由地址与所述预加载数据一一对应。
在一种可能的实现方式中,所述每个第二页面对应有预加载顺序;所述每个第二页面的所述预加载顺序为通过所述第一设备根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序确定的;所述生成单元403,具体用于:
根据所述每个第二页面的所述布局信息,按照所述每个第二页面的所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
在一种可能的实现方式中,所述预加载数据还包括所述每个第二页面的JS脚本;所述装置还包括:
执行单元402,用于按照所述每个第二页面的所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
在一种可能的实现方式中,所述发送单元404,具体用于:
响应于针对所述第一页面的目标输入操作,接收所述第一设备发送的获取所述目标页面的所述预加载结果的请求;所述目标输入操作用于所述第一设备确定待显示的所述目标页面;
发送所述目标页面的所述渲染指令和所述布局计算结果至所述第一设备;所述渲染指令用于所述第一设备根据所述渲染指令进行所述目标页面的绘制,所述布局计算结果用于所述第一设备根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
在一种可能的实现方式中,所述第二设备的CPU主频和/或内存大于所述第一设备。
需要说明的是,本申请实施例中所描述的页面显示装置中各功能单元的功能可参见上述图8中所述的方法实施例中步骤S801-步骤S803的相关描述,还可以参见上述图9中所述的方法实施例中步骤S901-步骤S908的相关描述,此处不再进行赘述。
图14中每个单元可以以软件、硬件、或其结合实现。以硬件实现的单元可以包括路及电炉、算法电路或模拟电路等。以软件实现的单元可以包括程序指令,被视为是一种软件产品,被存储于存储器中,并可以被处理器运行以实现相关功能,具体参见之前的介绍。
基于上述方法实施例以及装置实施例的描述,本申请实施例还提供一种终端设备。请参阅图15,图15是本申请实施例提供的一种终端设备的结构示意图,该终端设备50可以为上述第一设备,其运算能力一般较低,该终端设备50至少包括处理器501,输入设备502、输出设备503、计算机可读存储介质504、数据库505和存储器506,该终端设备50还可以包括其他通用部件,在此不再详述。其中,终端设备50内的处理器501,输入设备502、输出设备503和计算机可读存储介质504可通过总线或其他方式连接。
处理器501可以是通用中央处理器(CPU),微处理器,特定应用集成电路(application-specific integrated circuit,ASIC),或一个或多个用于控制以上方案程序执行的集成电路。
该终端设备50内的存储器506可以是只读存储器(read-only memory,ROM)或可存储静态信息和指令的其他类型的静态存储设备,随机存取存储器(random access memory,RAM)或者可存储信息和指令的其他类型的动态存储设备,也可以是电可擦可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,EEPROM)、只读光盘(Compact Disc Read-Only Memory,CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。存储器506可以是独立存在,通过总线与处理器501相连接。存储器506也可以和处理器501集成在一起。
计算机可读存储介质504可以存储在终端设备50的存储器506中,所述计算机可读存储介质504用于存储计算机程序,所述计算机程序包括程序指令,所述处理器501用于执行所述计算机可读存储介质504存储的程序指令。处理器501(或称CPU(CentralProcessing Unit,中央处理器))是终端设备50的计算核心以及控制核心,其适于实现一条或一条以上指令,具体适于加载并执行一条或一条以上指令从而实现相应方法流程或相应功能;在一个实施例中,本申请实施例所述的处理器501可以用于进行页面显示的一系列处理,包括:确定显示于第一设备上的第一页面对应的N个第二页面;所述N个第二页面中的每个第二页面为基于所述第一页面进行页面跳转后的页面;N为大于或者等于1的整数;获取所述每个第二页面的预加载数据,将所述每个第二页面的预加载数据发送至第二设备;所述预加载数据包括所述每个第二页面的布局信息;所述预加载数据用于所述第二设备根据所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;响应于针对所述第一页面的目标输入操作,从所述第二设备中获取目标页面的所述预加载结果,根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面,等等。
需要说明的是,本申请实施例中所描述的终端设备50中各功能单元的功能可参见上述图8中所述的方法实施例中的步骤S801-步骤S804的相关描述,还可以参见上述图9中所述的方法实施例中步骤S901-步骤S908的相关描述,此处不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
本申请实施例还提供了一种计算机可读存储介质(Memory),所述计算机可读存储介质是终端设备50中的记忆设备,用于存放程序和数据。可以理解的是,此处的计算机可读存储介质既可以包括终端设备50中的内置存储介质,当然也可以包括终端设备50所支持的扩展存储介质。计算机可读存储介质提供存储空间,该存储空间存储了终端设备50的操作系统。并且,在该存储空间中还存放了适于被处理器501加载并执行的一条或一条以上的指令,这些指令可以是一个或一个以上的计算机程序(包括程序代码)。需要说明的是,此处的计算机可读存储介质可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatilememory),例如至少一个磁盘存储器;可选地还可以是至少一个位于远离前述处理器的计算机可读存储介质。
本申请实施例还提供一种计算机程序,该计算机程序包括指令,当该计算机程序被计算机执行时,使得计算机可以执行任意一种页面显示方法的部分或全部步骤。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其它实施例的相关描述。
基于上述方法实施例以及装置实施例的描述,本申请实施例还提供一种终端设备。请参阅图16,图16是本申请实施例提供的另一种终端设备的结构示意图,该终端设备60可以为上述第二设备,其运算能力一般高于上述第一设备,该终端设备60至少包括处理器601,输入设备602、输出设备603、计算机可读存储介质604、数据库605和存储器606,该终端设备60还可以包括其他通用部件,在此不再详述。其中,终端设备60内的处理器601,输入设备602、输出设备603和计算机可读存储介质604可通过总线或其他方式连接,本申请实施例对此不作具体限定。
处理器601可以是通用中央处理器(CPU),微处理器,特定应用集成电路(application-specific integrated circuit,ASIC),或一个或多个用于控制以上方案程序执行的集成电路。
该终端设备60内的存储器606可以是只读存储器(read-only memory,ROM)或可存储静态信息和指令的其他类型的静态存储设备,随机存取存储器(random access memory,RAM)或者可存储信息和指令的其他类型的动态存储设备,也可以是电可擦可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,EEPROM)、只读光盘(Compact Disc Read-Only Memory,CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。存储器606可以是独立存在,通过总线与处理器601相连接。存储器606也可以和处理器601集成在一起。
计算机可读存储介质604可以存储在终端设备60的存储器606中,所述计算机可读存储介质604用于存储计算机程序,所述计算机程序包括程序指令,所述处理器601用于执行所述计算机可读存储介质604存储的程序指令。处理器601(或称CPU(CentralProcessing Unit,中央处理器))是终端设备60的计算核心以及控制核心,其适于实现一条或一条以上指令,具体适于加载并执行一条或一条以上指令从而实现相应方法流程或相应功能;在一个实施例中,本申请实施例所述的处理器601可以用于进行页面显示的一系列处理,包括:接收N个第二页面中的每个第二页面的预加载数据;所述每个第二页面为基于第一页面进行页面跳转后的页面;所述第一页面为第一设备上显示的页面;N为大于或者等于1的整数;所述预加载数据包括所述每个第二页面的布局信息;根据所述每个第二页面的所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;响应于针对所述第一页面的目标输入操作,发送目标页面的所述预加载结果至所述第一设备,所述目标页面的所述预加载结果用于所述第一设备根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面,等等。
需要说明的是,本申请实施例中所描述的终端设备60中各功能单元的功能可参见上述图8中所述的方法实施例中的步骤S801-步骤S804的相关描述,还可参见上述图9中所述的方法实施例中的步骤S901-步骤S908的相关描述,此处不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
本申请实施例还提供了一种计算机可读存储介质(Memory),所述计算机可读存储介质是终端设备60中的记忆设备,用于存放程序和数据。可以理解的是,此处的计算机可读存储介质既可以包括终端设备60中的内置存储介质,当然也可以包括终端设备60所支持的扩展存储介质。计算机可读存储介质提供存储空间,该存储空间存储了终端设备60的操作系统。并且,在该存储空间中还存放了适于被处理器601加载并执行的一条或一条以上的指令,这些指令可以是一个或一个以上的计算机程序(包括程序代码)。需要说明的是,此处的计算机可读存储介质可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatilememory),例如至少一个磁盘存储器;可选地还可以是至少一个位于远离前述处理器的计算机可读存储介质。
本申请实施例还提供一种计算机程序,该计算机程序包括指令,当该计算机程序被计算机执行时,使得计算机可以执行任意一种页面显示方法的部分或全部步骤。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其它实施例的相关描述。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可能可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本申请所必须的。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置,可通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如上述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性或其它的形式。
上述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
上述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以为个人计算机、服务端或者网络设备等,具体可以是计算机设备中的处理器)执行本申请各个实施例上述方法的全部或部分步骤。其中,而前述的存储介质可包括:U盘、移动硬盘、磁碟、光盘、只读存储器(Read-OnlyMemory,缩写:ROM)或者随机存取存储器(RandomAccessMemory,缩写:RAM)等各种可以存储程序代码的介质。
以上所述,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。
Claims (28)
1.一种页面显示方法,应用于第一设备,其特征在于,包括:
获取与所述第一设备建立连接的一个或多个高算力设备的设备信息,所述设备信息包括设备ID和空闲状况;
确定显示于所述第一设备上的第一页面对应的N个第二页面;所述N个第二页面中的每个第二页面为基于所述第一页面进行页面跳转后的页面;N为大于或者等于1的整数;
基于所述N个第二页面和所述一个或多个高算力设备的设备信息,从所述一个或多个高算力设备中确定第二设备;
获取所述每个第二页面的预加载数据,将所述每个第二页面的预加载数据发送至所述第二设备;所述预加载数据包括所述每个第二页面的布局信息;所述预加载数据用于所述第二设备根据所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;其中,所述第一设备和所述第二设备通过局域网或者蓝牙连接,所述第二设备的运算能力大于所述第一设备的运算能力;
响应于针对所述第一页面的目标输入操作,从所述第二设备中获取目标页面的所述预加载结果,根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面。
2.根据权利要求1所述的方法,其特征在于,所述确定显示于所述第一设备上的第一页面对应的N个第二页面,包括:
根据所述第一设备上显示的所述第一页面,获取所述第一页面的历史操作埋点数据;所述历史操作埋点数据包括在目标时间段内采集到的所述第一页面中的一个或多个页面跳转控件各自对应的点击量;
根据所述历史操作埋点数据,计算基于所述第一页面进行页面跳转后,所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率;
根据所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率,确定所述N个第二页面,所述每个第二页面的显示概率大于第一阈值。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序,确定所述每个第二页面的预加载顺序;所述预加载顺序用于所述第二设备根据所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
4.根据权利要求3所述的方法,其特征在于,所述预加载数据还包括所述每个第二页面的JS脚本;所述每个第二页面的所述JS脚本用于所述第二设备按照所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
5.根据权利要求4所述的方法,其特征在于,所述响应于针对所述第一页面的目标输入操作,从所述第二设备中获取目标页面的预加载结果,根据所述目标页面的预加载结果显示所述目标页面,包括:
响应于针对所述第一页面的目标输入操作,确定待显示的所述目标页面;
从所述第二设备中获取所述目标页面的所述渲染指令和所述布局计算结果;
根据所述渲染指令进行所述目标页面的绘制,并根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
6.根据权利要求1-5任意一项所述的方法,其特征在于,所述第二设备的CPU主频和/或内存大于所述第一设备。
7.一种页面显示方法,应用于第二设备,其特征在于,包括:
将所述第二设备的设备信息发送给与所述第二设备建立连接的一个或多个低算力设备,所述设备信息包括设备ID和空闲状况;
接收第一设备发送的N个第二页面中的每个第二页面的预加载数据;所述每个第二页面为基于第一页面进行页面跳转后的页面;所述第一页面为第一设备上显示的页面;N为大于或者等于1的整数;所述预加载数据包括所述每个第二页面的布局信息;所述第一设备为所述一个或多个低算力设备中基于所述N个第二页面和一个或多个高算力设备的设备信息,从所述一个或多个高算力设备中确定出所述第二设备的设备;
根据所述每个第二页面的所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;
响应于针对所述第一页面的目标输入操作,发送目标页面的所述预加载结果至所述第一设备,所述目标页面的所述预加载结果用于所述第一设备根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面;
其中,所述第一设备和所述第二设备通过局域网或者蓝牙连接,所述第二设备的运算能力大于所述第一设备的运算能力。
8.根据权利要求7所述的方法,其特征在于,所述N个第二页面为通过所述第一设备根据计算得到的基于所述第一页面进行页面跳转后,所述第一页面中的一个或多个页面跳转控件各自对应的所述第二页面的显示概率确定的;所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率为通过所述第一设备根据所述第一页面的历史操作埋点数据确定的;所述历史操作埋点数据包括在目标时间段内采集到的所述一个或多个页面跳转控件各自对应的点击量;所述每个第二页面的显示概率大于第一阈值。
9.根据权利要求8所述的方法,其特征在于,所述每个第二页面对应有预加载顺序;所述每个第二页面的所述预加载顺序为通过所述第一设备根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序确定的;所述根据所述每个第二页面的所述布局信息生成所述每个第二页面的预加载结果,包括:
根据所述每个第二页面的所述布局信息,按照所述每个第二页面的所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
10.根据权利要求9所述的方法,其特征在于,所述预加载数据还包括所述每个第二页面的JS脚本;所述方法还包括:
按照所述每个第二页面的所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
11.根据权利要求10所述的方法,其特征在于,所述响应于针对所述第一页面的目标输入操作,发送目标页面的所述预加载结果至所述第一设备,包括:
响应于针对所述第一页面的目标输入操作,接收所述第一设备发送的获取所述目标页面的所述预加载结果的请求;所述目标输入操作用于所述第一设备确定待显示的所述目标页面;
发送所述目标页面的所述渲染指令和所述布局计算结果至所述第一设备;所述渲染指令用于所述第一设备根据所述渲染指令进行所述目标页面的绘制,所述布局计算结果用于所述第一设备根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
12.根据权利要求7-11任意一项所述的方法,其特征在于,所述第二设备的CPU主频和/或内存大于所述第一设备。
13.一种页面显示装置,应用于第一设备,其特征在于,包括:
确定单元,用于确定显示于所述第一设备上的第一页面对应的N个第二页面;所述N个第二页面中的每个第二页面为基于所述第一页面进行页面跳转后的页面;N为大于或者等于1的整数;
获取单元,用于获取所述每个第二页面的预加载数据,将所述每个第二页面的预加载数据发送至第二设备;所述预加载数据包括所述每个第二页面的布局信息;所述预加载数据用于所述第二设备根据所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;其中,所述第二设备为基于所述N个第二页面和一个或多个高算力设备的设备信息,从所述一个或多个高算力设备中确定的设备;所述一个或多个高算力设备的设备信息为所述第一设备获取的与所述第一设备建立连接的一个或多个高算力设备的设备信息,所述设备信息包括设备ID和空闲状况;所述第一设备和所述第二设备通过局域网或者蓝牙连接,所述第二设备的运算能力大于所述第一设备的运算能力;
显示单元,用于响应于针对所述第一页面的目标输入操作,从所述第二设备中获取目标页面的所述预加载结果,根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面。
14.根据权利要求13所述的装置,其特征在于,所述确定单元,具体用于:
根据所述第一设备上显示的所述第一页面,获取所述第一页面的历史操作埋点数据;所述历史操作埋点数据包括在目标时间段内采集到的所述第一页面中的一个或多个页面跳转控件各自对应的点击量;
根据所述历史操作埋点数据,计算基于所述第一页面进行页面跳转后,所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率;
根据所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率,确定所述N个第二页面,所述每个第二页面的显示概率大于第一阈值。
15.根据权利要求14所述的装置,其特征在于,所述装置还包括:
排序单元,用于根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序,确定所述每个第二页面的预加载顺序;所述预加载顺序用于所述第二设备根据所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
16.根据权利要求15所述的装置,其特征在于,所述预加载数据还包括所述每个第二页面的JS脚本;所述每个第二页面的所述JS脚本用于所述第二设备按照所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
17.根据权利要求16所述的装置,其特征在于,所述显示单元,具体用于:
响应于针对所述第一页面的目标输入操作,确定待显示的所述目标页面;
从所述第二设备中获取所述目标页面的所述渲染指令和所述布局计算结果;
根据所述渲染指令进行所述目标页面的绘制,并根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
18.根据权利要求13-17任意一项所述的装置,其特征在于,所述第二设备的CPU主频和/或内存大于所述第一设备。
19.一种页面显示装置,应用于第二设备,其特征在于,所述装置包括:
接收单元,用于接收第一设备发送的N个第二页面中的每个第二页面的预加载数据;所述每个第二页面为基于第一页面进行页面跳转后的页面;所述第一页面为第一设备上显示的页面;N为大于或者等于1的整数;所述预加载数据包括所述每个第二页面的布局信息;所述第一设备为接收过所述第二设备发送的设备信息、且基于所述N个第二页面和一个或多个高算力设备的设备信息,从所述一个或多个高算力设备中确定出所述第二设备的设备,所述设备信息包括设备ID和空闲状况;
生成单元,用于根据所述每个第二页面的所述布局信息生成所述每个第二页面的预加载结果;所述预加载结果包括所述每个第二页面的布局计算结果和渲染指令;
发送单元,用于响应于针对所述第一页面的目标输入操作,发送目标页面的所述预加载结果至所述第一设备,所述目标页面的所述预加载结果用于所述第一设备根据所述目标页面的所述预加载结果显示所述目标页面;所述目标页面为所述N个第二页面中的一个页面;
其中,所述第一设备和所述第二设备通过局域网或者蓝牙连接,所述第二设备的运算能力大于所述第一设备的运算能力。
20.根据权利要求19所述的装置,其特征在于,所述N个第二页面为通过所述第一设备根据计算得到的基于所述第一页面进行页面跳转后,所述第一页面中的一个或多个页面跳转控件各自对应的所述第二页面的显示概率确定的;所述一个或多个页面跳转控件各自对应的所述第二页面的显示概率为通过所述第一设备根据所述第一页面的历史操作埋点数据确定的;所述历史操作埋点数据包括在目标时间段内采集到的所述一个或多个页面跳转控件各自对应的点击量;所述每个第二页面的显示概率大于第一阈值。
21.根据权利要求20所述的装置,其特征在于,所述每个第二页面对应有预加载顺序;所述每个第二页面的所述预加载顺序为通过所述第一设备根据所述N个第二页面各自的显示概率对所述N个第二页面进行排序确定的;所述生成单元,具体用于:
根据所述每个第二页面的所述布局信息,按照所述每个第二页面的所述预加载顺序依次生成所述每个第二页面的所述预加载结果;所述N个第二页面中的第i个第二页面的所述显示概率大于所述N个第二页面中的第i+1个第二页面;所述第i个第二页面的所述预加载顺序先于所述第i+1个第二页面;i为大于或者等于1的整数。
22.根据权利要求21所述的装置,其特征在于,所述预加载数据还包括所述每个第二页面的JS脚本;所述装置还包括:
执行单元,用于按照所述每个第二页面的所述预加载顺序依次执行所述每个第二页面的所述JS脚本,生成所述每个第二页面中的一个或多个页面组件;所述布局信息包括所述一个或多个页面组件各自的尺寸信息;所述布局计算结果包括所述一个或多个页面组件各自的位置信息;所述一个或多个页面组件包括图片和文本中的一种或多种。
23.根据权利要求22所述的装置,其特征在于,所述发送单元,具体用于:
响应于针对所述第一页面的目标输入操作,接收所述第一设备发送的获取所述目标页面的所述预加载结果的请求;所述目标输入操作用于所述第一设备确定待显示的所述目标页面;
发送所述目标页面的所述渲染指令和所述布局计算结果至所述第一设备;所述渲染指令用于所述第一设备根据所述渲染指令进行所述目标页面的绘制,所述布局计算结果用于所述第一设备根据所述布局计算结果构建所述目标页面中的所述一个或多个页面组件,以显示所述目标页面。
24.根据权利要求19-23任意一项所述的装置,其特征在于,所述第二设备的CPU主频和/或内存大于所述第一设备。
25.一种终端设备,其特征在于,所述终端设备为第一设备,包括处理器和存储器,所述处理器和存储器相连,其中,所述存储器用于存储程序代码,所述处理器用于调用所述程序代码,以执行如权利要求1至6任意一项所述的方法。
26.一种终端设备,其特征在于,所述终端设备为第二设备,包括处理器和存储器,所述处理器和存储器相连,其中,所述存储器用于存储程序代码,所述处理器用于调用所述程序代码,以执行如权利要求7至12任意一项所述的方法。
27.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,该计算机程序被处理器执行时实现上述权利要求1至6任意一项所述的方法,或者实现上述权利要求7至12任意一项所述的方法。
28.一种计算机程序,其特征在于,所述计算机程序包括指令,当所述计算机程序被计算机执行时,使得所述计算机执行如权利要求1至6任意一项所述的方法,或者执行如权利要求7至12任意一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010697444.0A CN113961278B (zh) | 2020-07-20 | 2020-07-20 | 一种页面显示方法及相关设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010697444.0A CN113961278B (zh) | 2020-07-20 | 2020-07-20 | 一种页面显示方法及相关设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113961278A CN113961278A (zh) | 2022-01-21 |
CN113961278B true CN113961278B (zh) | 2024-07-05 |
Family
ID=79459648
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010697444.0A Active CN113961278B (zh) | 2020-07-20 | 2020-07-20 | 一种页面显示方法及相关设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113961278B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114840893A (zh) * | 2022-04-29 | 2022-08-02 | 阿里巴巴(中国)有限公司 | 设计图的处理方法、装置及终端设备 |
CN114895977B (zh) * | 2022-05-05 | 2024-05-10 | 南京欧珀软件科技有限公司 | 应用的预加载方法、装置、设备和存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2000250803A (ja) * | 1999-03-02 | 2000-09-14 | Toshiba Corp | 情報配信システム、移動計算機、情報サーバ装置、キャッシュサーバ装置及び先読みキャッシュ処理方法 |
CN109358936A (zh) * | 2018-09-29 | 2019-02-19 | Oppo广东移动通信有限公司 | 信息处理方法、装置、存储介质、电子设备及系统 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7086063B1 (en) * | 2003-03-25 | 2006-08-01 | Electric Cloud, Inc. | System and method for file caching in a distributed program build environment |
FR2927438B1 (fr) * | 2008-02-08 | 2010-03-05 | Commissariat Energie Atomique | Methode de prechargement dans une hierarchie de memoires des configurations d'un systeme heterogene reconfigurable de traitement de l'information |
US9374626B2 (en) * | 2013-07-17 | 2016-06-21 | Intel Corporation | Use of digital TV bandwidth for web cache pre-loading |
US20160212194A1 (en) * | 2015-01-16 | 2016-07-21 | Nokia Technologies Oy | Method, apparatus, and computer program product for device control |
CN108280125A (zh) * | 2017-12-12 | 2018-07-13 | 腾讯科技(深圳)有限公司 | 页面显示的方法、装置、存储介质和电子装置 |
CN110532489A (zh) * | 2019-08-30 | 2019-12-03 | 百度在线网络技术(北京)有限公司 | 页面的展示方法、装置、设备及介质 |
-
2020
- 2020-07-20 CN CN202010697444.0A patent/CN113961278B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2000250803A (ja) * | 1999-03-02 | 2000-09-14 | Toshiba Corp | 情報配信システム、移動計算機、情報サーバ装置、キャッシュサーバ装置及び先読みキャッシュ処理方法 |
CN109358936A (zh) * | 2018-09-29 | 2019-02-19 | Oppo广东移动通信有限公司 | 信息处理方法、装置、存储介质、电子设备及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN113961278A (zh) | 2022-01-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2021036735A1 (zh) | 显示用户界面的方法及电子设备 | |
CN115473957B (zh) | 一种图像处理方法和电子设备 | |
WO2021190078A1 (zh) | 短视频的生成方法、装置、相关设备及介质 | |
WO2022052776A1 (zh) | 一种人机交互的方法、电子设备及系统 | |
WO2020253758A1 (zh) | 一种用户界面布局方法及电子设备 | |
CN114816167B (zh) | 应用图标的显示方法、电子设备及可读存储介质 | |
WO2022100221A1 (zh) | 检索处理方法、装置及存储介质 | |
CN113961278B (zh) | 一种页面显示方法及相关设备 | |
CN113099146A (zh) | 一种视频生成方法、装置及相关设备 | |
WO2023030099A1 (zh) | 跨设备交互的方法、装置、投屏系统及终端 | |
CN112328941A (zh) | 基于浏览器的应用投屏方法及相关装置 | |
WO2024055797A1 (zh) | 一种录像中抓拍图像的方法及电子设备 | |
WO2022135157A1 (zh) | 页面显示的方法、装置、电子设备以及可读存储介质 | |
CN112287234A (zh) | 信息检索方法、装置及存储介质 | |
WO2022057889A1 (zh) | 一种对应用程序的界面进行翻译的方法及相关设备 | |
WO2022033432A1 (zh) | 内容推荐方法、电子设备和服务器 | |
WO2022002213A1 (zh) | 翻译结果显示方法、装置及电子设备 | |
WO2022089276A1 (zh) | 一种收藏处理的方法及相关装置 | |
CN115379113A (zh) | 拍摄处理方法、装置、设备及存储介质 | |
CN111695071B (zh) | 页面的显示方法及相关装置 | |
CN114040252A (zh) | 显示帧率控制方法及装置、计算机可读介质和电子设备 | |
CN115079822B (zh) | 隔空手势交互方法、装置、电子芯片及电子设备 | |
WO2024179072A9 (zh) | 相机应用配置方法、设备及存储介质 | |
WO2024179072A1 (zh) | 相机应用配置方法、设备及存储介质 | |
WO2024067216A1 (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |