CN104536791A - 基于移动终端的页面资源加载方法及装置 - Google Patents

基于移动终端的页面资源加载方法及装置 Download PDF

Info

Publication number
CN104536791A
CN104536791A CN201410838477.7A CN201410838477A CN104536791A CN 104536791 A CN104536791 A CN 104536791A CN 201410838477 A CN201410838477 A CN 201410838477A CN 104536791 A CN104536791 A CN 104536791A
Authority
CN
China
Prior art keywords
page
loaded
application program
picture
loads
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201410838477.7A
Other languages
English (en)
Inventor
游少华
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Qihoo Technology Co Ltd
Qizhi Software Beijing Co Ltd
Original Assignee
Beijing Qihoo Technology Co Ltd
Qizhi Software Beijing Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Qihoo Technology Co Ltd, Qizhi Software Beijing Co Ltd filed Critical Beijing Qihoo Technology Co Ltd
Priority to CN201410838477.7A priority Critical patent/CN104536791A/zh
Publication of CN104536791A publication Critical patent/CN104536791A/zh
Priority to PCT/CN2015/095013 priority patent/WO2016107325A1/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Telephone Function (AREA)

Abstract

本发明公开了一种基于移动终端的页面资源加载方法及装置，涉及资源加载技术领域，所述方法包括：在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作；根据所述触控操作确定所述应用程序的页面切换方向；根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。本发明通过获取用户在所述界面上的触控操作，根据所述触控操作确定所述应用程序的页面切换方向，根据当前页面和页面切换方向确定所述应用程序中的待加载页面，再触发所述待加载页面的资源加载，有效缩短了场景应用的加载时间，提高了用户体验，并且无需加载一些可能不浏览的页面，节约了用户的流量。

Description

基于移动终端的页面资源加载方法及装置
技术领域
本发明涉及资源加载技术领域，特别涉及一种基于移动终端的页面资源加载方法及装置。
背景技术
场景应用是由若干页面所组成的应用程序，所述页面通过应用超文本标记语言HTML技术开发，适合在移动终端上使用，通常通过用户在移动终端上进行的触控操作来实现页面切换，从而完成交互，如今常用于产品的推广。
由于场景应用的页面绝大部分是图片资源，而一般各张图片使用jpg格式在100kb左右，若有10张图片则相当于1M，再加上其他图片样式等资源，一般有2～5M。
现有技术中，用户在浏览场景应用时，由移动终端将整个场景应用中的页面全部加载完成后，才能进行页面切换，但若移动终端在2G网络或3G网络等网速较慢的网络中，会导致移动终端的页面加载时间过长，严重影响用户体验，另外，用户不一定会浏览所述场景应用中的所有页面，仍需加载所述场景应用中的所有页面，也会对用户的流量造成一定浪费。
发明内容
鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于移动终端的页面资源加载方法和相应的一种基于移动终端的页面资源加载装置。
依据本发明的一个方面，提供了一种基于移动终端的页面资源加载方法，所述方法包括：
在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
根据所述触控操作确定所述应用程序的页面切换方向；
根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。
可选地，所述根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，进一步包括：
将所述应用程序中从所述当前页面起沿所述页面切换方向的第一个未加载页面作为所述待加载页面。
可选地，所述触发所述待加载页面的资源加载，进一步包括：
触发所述待加载页面的图片加载，并触发所述待加载页面的背景图像加载。
可选地，所述触发所述待加载页面的图片加载，进一步包括：
向所述待加载页面的img标签中的src属性写入图片的统一资源定位符URL，根据所述图片的URL下载对应的图片，从而实现所述待加载页面的图片加载。
可选地，所述触发所述待加载页面的背景图像加载，进一步包括：
向所述待加载页面的body标签中的background属性写入背景图像的统一资源定位符URL，根据所述背景图像的URL下载对应的背景图像，从而实现所述待加载页面的背景图像加载。
可选地，所述根据所述触控操作确定所述应用程序的页面切换方向之后，还包括：
根据所述当前页面和页面切换方向确定所述应用程序中的待展示页面，将所述界面中展示的当前页面切换为所述待展示页面。
依据本发明的另一个方面，提供了一种基于移动终端的页面资源加载装置，所述装置包括：
操作获取器，适于在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
方向确定器，适于根据所述触控操作确定所述应用程序的页面切换方向；
加载触发器，适于根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。
可选地，所述加载触发器，还适于将所述应用程序中从所述当前页面起沿所述页面切换方向的第一个未加载页面作为所述待加载页面。
可选地，所述加载触发器，还适于触发所述待加载页面的图片加载，并触发所述待加载页面的背景图像加载。
可选地，所述加载触发器，还适于向所述待加载页面的img标签中的src属性写入图片的统一资源定位符URL，根据所述图片的URL下载对应的图片，从而实现所述待加载页面的图片加载。
可选地，所述加载触发器，还适于向所述待加载页面的body标签中的background属性写入背景图像的统一资源定位符URL，根据所述背景图像的URL下载对应的背景图像，从而实现所述待加载页面的背景图像加载。
可选地，所述装置，还包括页面切换器，适于根据所述当前页面和页面切换方向确定所述应用程序中的待展示页面，将所述界面中展示的当前页面切换为所述待展示页面。
本发明通过获取用户在所述界面上的触控操作，根据所述触控操作确定所述应用程序的页面切换方向，根据当前页面和页面切换方向确定所述应用程序中的待加载页面，再触发所述待加载页面的资源加载，有效缩短了场景应用的加载时间，提高了用户体验，并且无需加载一些可能不浏览的页面，节约了用户的流量。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1是本发明一个实施例的一种基于移动终端的页面资源加载方法的步骤流程图；
图2是本发明一个实施例的一种基于移动终端的页面资源加载方法的步骤流程图；
图3是本发明一个实施例的一种场景应用中页面的示例图；
图4是本发明一个实施例的一种场景应用在首次浏览时的示例图；
图5是本发明一个实施例的一种场景应用从第1页切换至第2页的示例图；
图6是本发明一个实施例的一种场景应用从第2页切换至第3页的示例图；
图7是本发明一种实施例的一种场景应用从第2页切换至第1页的示例图；
图8是本发明一种实施例的一种场景应用从第1页切换至最后1页的示例图；
图9是本发明一个实施例的一种基于移动终端的页面资源加载方法的步骤流程图；
图10是本发明一个实施例的一种基于移动终端的页面资源加载装置的结构框图；
图11是本发明一个实施例的一种基于移动终端的页面资源加载装置的结构框图。
具体实施方式
下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。
图1是本发明一个实施例的一种基于移动终端的页面资源加载方法的步骤流程图；参照图1，所述方法包括：
S101：在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
可理解的是，所述界面即为移动终端的显示界面，所述当前页面即为当前在移动终端的显示界面中所展示的页面，所述应用程序即为场景应用。
S102：根据所述触控操作确定所述应用程序的页面切换方向；
需要说明的是，可在移动终端中预先设置触控操作和页面切换方式之间的对应关系，再根据所述触控操作确定所述应用程序的页面切换方向；
例如：在所述界面中预设两个按钮，当触控操作为点击第一按钮时，可确定为页面切换方向为正向(设第N页为当前页面，即从场景应用的第N页切换至第N+1页的方向)，当触控操作为点击第二按钮时，可确定为页面切换方向为反向(即从场景应用的第N页切换至第N-1页的方向)；
又例如：当触控操作为向上滑动时，可确定为页面切换方向为正向，当触控操作为向下滑动时，可确定为页面切换方向为反向；
当然，步骤S102还可采用其他方式来确定所述应用程序的页面切换方向，本实施例对此不加以限制。
S103：根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。
本实施例通过获取用户在所述界面上的触控操作，根据所述触控操作确定所述应用程序的页面切换方向，根据当前页面和页面切换方向确定所述应用程序中的待加载页面，再触发所述待加载页面的资源加载，有效缩短了场景应用的加载时间，提高了用户体验，并且无需加载一些可能不浏览的页面，节约了用户的流量。
图2是本发明一个实施例的一种基于移动终端的页面资源加载方法的步骤流程图；参照图2，所述方法包括：
S201：在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
S202：根据所述触控操作确定所述应用程序的页面切换方向；
可理解的是，步骤S201～S202与图1所示的实施例中的步骤S101～S102相同，在此不再赘述。
S203：根据所述当前页面和页面切换方向确定所述应用程序中的待展示页面，将所述界面中展示的当前页面切换为所述待展示页面，将所述应用程序中从所述当前页面起沿所述页面切换方向的第一个未加载页面作为所述待加载页面，触发所述待加载页面的资源加载。
需要说明的是，为实现对用户所需浏览页面进行预测，并保证用户浏览的连续性，本实施例中将所述应用程序中从所述当前页面起沿所述页面切换方向的第一个未加载页面作为所述待加载页面。
可理解的是，为避免流量的浪费，并且保证用户的正常使用，需要在首次浏览场景应用时，先加载初始页面的所有资源。
所述初始页面通常需要包括所述场景应用的第1页，另外还需要与场景应用相邻的至少1页，由于用户通常的浏览习惯均为从前向后浏览，故而，本实施例中将场景应用的第1、2页设置为初始页面，当然，还可将其他页面也设置为初始页面，例如：将第3页也设置为初始页面，或者，将最后1页也设置为初始页面，本实施例对此不加以限制。
由于本实施例中实现了用户的按需加载，根据当前页面和页面切换方向预测下一个将要浏览的页面，加载该页面的资源；用户无需加载一些将来可能不浏览的页面资源，同时各次只加载一个页面的资源，减少了http请求，有效缩短了场景应用的加载时间，提高了用户体验。
下面以初始页面为第1、2页为例来说明待加载页面的确定，但并不限定本发明的保护范围。
由于场景应用由若干页面组成，参照图3，可将场景应用视为一个列表，各行为一个页面，各个页面均具有很多资源。
当用户首次浏览场景应用时，参照图4，会自动加载初始页面(即第1、2页)的所有资源，若第1、2页的所有资源未加载，则不可翻页，此时当前页面为第1页；
当用户需要从第1页切换至第2页时，获取用户在所述界面上的触控操作，根据所述触控操作确定页面切换方向为正向，参照图5，从而确定所述待加载页面为第3页，触发第3页的资源加载，此时当前页面从第1页切换至第2页；
在第3页的资源加载完毕后，当用户需要从第2页切换至第3页时，获取用户在所述界面上的触控操作，根据所述触控操作确定页面切换方向为正向，参照图6，从而确定所述待加载页面为第4页，触发第4页的资源加载，此时当前页面从第2页切换至第3页；
依次类推，若当前页面在倒数第3页时，当用户需要从倒数第3页切换至倒数第2页时，获取用户在所述界面上的触控操作，根据所述触控操作确定页面切换方向为正向，从而确定所述待加载页面为最后1页，触发最后1页的资源加载，此时当前页面从倒数第3页切换至倒数第2页；
在当前页面为第2页时，用户需要从第2页切换至第1页时，获取用户在所述界面上的触控操作，根据所述触控操作确定页面切换方向为反向，参照图7，从而确定所述待加载页面为最后1页，触发最后1页的资源加载，此时当前页面从第2页切换至第1页；
在当前页面为第1页，用户需要从第1页切换至最后1页时，获取用户在所述界面上的触控操作，根据所述触控操作确定页面切换方向为反向，参照图8，从而确定所述待加载页面为倒数第2页，触发倒数第2页的资源加载，此时当前页面从第1页切换至最后1页；
依次类推，若当前页面为最后1页，当用户需要从最后1页切换至倒数第2页时，获取用户在所述界面上的触控操作，根据所述触控操作确定页面切换方向为反向，从而确定所述待加载页面为倒数第3页，触发倒数第3页的资源加载，此时当前页面从最后1页切换至倒数第2页。
图9是本发明一个实施例的一种基于移动终端的页面资源加载方法的步骤流程图；参照图9，所述方法包括：
S901：在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
S902：根据所述触控操作确定所述应用程序的页面切换方向；
步骤S901～S902与图1所示的实施例的步骤S101～S102相同，在此不再赘述。
S903：根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的图片加载，并触发所述待加载页面的背景图像加载。
由于页面的资源中图片和背景图像的文件较大，对页面的资源加载速度其决定性的作用，故而本实施例中，所述页面的资源为图片和背景图像。
为使加载应用程序某一页面时不要一次性加载所有页面中的所有图片和/或背景图像，可采用多种方式，本实施例中，在编写页面HTML结构时，将背景图像和/或图片的URL均放置于相应的data-src属性中，这样在应用程序中的某一页面被加载时(比如浏览器加载页面时)则不会一次性自动下载所有图片和/或所有背景图像，而是根据用户当前浏览的页面先预触发加载下页或上一页面对应的图片和/或背景图片。
当触发待加载页面的图片加载，并触发待加载页面的背景图像加载时，通过jquery中的回传函数$(‘[data-src]’)选择所述待加载页面中所有图片和背景图像(可在data-src中通过bg＝1来标识背景图像)，再通过new Image()创建图片和背景图像的对象，向所述待加载页面的img标签中的src属性写入放置于data-src属性中的图片的URL，向所述待加载页面的body标签中的background属性写入放置于data-src属性中的背景图像的URL，根据所述图片的URL下载对应的图片，根据所述背景图像的URL下载对应的背景图像，从而实现所述待加载页面的图片及背景图像的加载；
当然，还可采用其他方式来实现，例如将背景图像和图片的URL均放置于其他属性中，或者，将背景图像和图片的URL直接写入js变量数组中，本实施例对此不加以限制。
对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。
图10是本发明一个实施例的一种基于移动终端的页面资源加载装置的结构框图；参照图10，所述装置包括：
操作获取器1001，适于在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
方向确定器1002，适于根据所述触控操作确定所述应用程序的页面切换方向；
加载触发器1003，适于根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。
在本发明的一种可选实施例中，所述加载触发器，还适于将所述应用程序中从所述当前页面起沿所述页面切换方向的第一个未加载页面作为所述待加载页面。
在本发明的一种可选实施例中，所述加载触发器，还适于触发所述待加载页面的图片加载，并触发所述待加载页面的背景图像加载。
在本发明的一种可选实施例中，所述加载触发器，还适于向所述待加载页面的img标签中的src属性写入图片的统一资源定位符URL，根据所述图片的URL下载对应的图片，从而实现所述待加载页面的图片加载。
在本发明的一种可选实施例中，所述加载触发器，还适于向所述待加载页面的body标签中的background属性写入背景图像的统一资源定位符URL，根据所述背景图像的URL下载对应的背景图像，从而实现所述待加载页面的背景图像加载。
图11是本发明一个实施例的一种基于移动终端的页面资源加载装置的结构框图；参照图11，所述装置包括：
操作获取器1101，适于在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
方向确定器1102，适于根据所述触控操作确定所述应用程序的页面切换方向；
加载触发器1103，适于根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。
页面切换器1104，适于根据所述当前页面和页面切换方向确定所述应用程序中的待展示页面，将所述界面中展示的当前页面切换为所述待展示页面。
对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
应当注意的是，在本发明的装置的各个部件中，根据其要实现的功能而对其中的部件进行了逻辑划分，但是，本发明不受限于此，可以根据需要对各个部件进行重新划分或者组合，例如，可以将一些部件组合为单个部件，或者可以将一些部件进一步分解为更多的子部件。
本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
以上实施方式仅用于说明本发明，而并非对本发明的限制，有关技术领域的普通技术人员，在不脱离本发明的精神和范围的情况下，还可以做出各种变化和变型，因此所有等同的技术方案也属于本发明的范畴，本发明的专利保护范围应由权利要求限定。
本发明公开了A1、一种基于移动终端的页面资源加载方法，所述方法包括：
在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
根据所述触控操作确定所述应用程序的页面切换方向；
根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。
A2、如A1所述的方法，所述根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，进一步包括：
将所述应用程序中从所述当前页面起沿所述页面切换方向的第一个未加载页面作为所述待加载页面。
A3、如A1～A2中任一项所述的方法，所述触发所述待加载页面的资源加载，进一步包括：
触发所述待加载页面的图片加载，并触发所述待加载页面的背景图像加载。
A4、如A1～A3中任一项所述的方法，所述触发所述待加载页面的图片加载，进一步包括：
向所述待加载页面的img标签中的src属性写入图片的统一资源定位符URL，根据所述图片的URL下载对应的图片，从而实现所述待加载页面的图片加载。
A5、如A1～A4中任一项所述的方法，所述触发所述待加载页面的背景图像加载，进一步包括：
向所述待加载页面的body标签中的background属性写入背景图像的统一资源定位符URL，根据所述背景图像的URL下载对应的背景图像，从而实现所述待加载页面的背景图像加载。
A6、如A1～A5中任一项所述的方法，所述根据所述触控操作确定所述应用程序的页面切换方向之后，还包括：
根据所述当前页面和页面切换方向确定所述应用程序中的待展示页面，将所述界面中展示的当前页面切换为所述待展示页面。
本发明还公开了B7、一种基于移动终端的页面资源加载装置，所述装置包括：
操作获取器，适于在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
方向确定器，适于根据所述触控操作确定所述应用程序的页面切换方向；
加载触发器，适于根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。
B8、如B7所述的装置，所述加载触发器，还适于将所述应用程序中从所述当前页面起沿所述页面切换方向的第一个未加载页面作为所述待加载页面。
B9、如B7～B8中任一项所述的装置，所述加载触发器，还适于触发所述待加载页面的图片加载，并触发所述待加载页面的背景图像加载。
B10、如B7～B9中任一项所述的装置，所述加载触发器，还适于向所述待加载页面的img标签中的src属性写入图片的统一资源定位符URL，根据所述图片的URL下载对应的图片，从而实现所述待加载页面的图片加载。
B11、如B7～B10中任一项所述的装置，所述加载触发器，还适于向所述待加载页面的body标签中的background属性写入背景图像的统一资源定位符URL，根据所述背景图像的URL下载对应的背景图像，从而实现所述待加载页面的背景图像加载。
B12、如B7～B11中任一项所述的装置，所述装置，还包括页面切换器，适于根据所述当前页面和页面切换方向确定所述应用程序中的待展示页面，将所述界面中展示的当前页面切换为所述待展示页面。

Claims (10)

1.一种基于移动终端的页面资源加载方法，其特征在于，所述方法包括：
在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
根据所述触控操作确定所述应用程序的页面切换方向；
根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。
2.如权利要求1所述的方法，其特征在于，所述根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，进一步包括：
将所述应用程序中从所述当前页面起沿所述页面切换方向的第一个未加载页面作为所述待加载页面。
3.如权利要求1～2中任一项所述的方法，其特征在于，所述触发所述待加载页面的资源加载，进一步包括：
触发所述待加载页面的图片加载，并触发所述待加载页面的背景图像加载。
4.如权利要求1～3中任一项所述的方法，其特征在于，所述触发所述待加载页面的图片加载，进一步包括：
向所述待加载页面的img标签中的src属性写入图片的统一资源定位符URL，根据所述图片的URL下载对应的图片，从而实现所述待加载页面的图片加载。
5.如权利要求1～4中任一项所述的方法，其特征在于，所述触发所述待加载页面的背景图像加载，进一步包括：
向所述待加载页面的body标签中的background属性写入背景图像的统一资源定位符URL，根据所述背景图像的URL下载对应的背景图像，从而实现所述待加载页面的背景图像加载。
6.如权利要求1～5中任一项所述的方法，其特征在于，所述根据所述触控操作确定所述应用程序的页面切换方向之后，还包括：
根据所述当前页面和页面切换方向确定所述应用程序中的待展示页面，将所述界面中展示的当前页面切换为所述待展示页面。
7.一种基于移动终端的页面资源加载装置，其特征在于，所述装置包括：
操作获取器，适于在界面中展示应用程序的当前页面时，获取用户在所述界面上的触控操作，所述应用程序由若干页面组成；
方向确定器，适于根据所述触控操作确定所述应用程序的页面切换方向；
加载触发器，适于根据所述当前页面和页面切换方向确定所述应用程序中的待加载页面，触发所述待加载页面的资源加载。
8.如权利要求7所述的装置，其特征在于，所述加载触发器，还适于将所述应用程序中从所述当前页面起沿所述页面切换方向的第一个未加载页面作为所述待加载页面。
9.如权利要求7～8中任一项所述的装置，其特征在于，所述加载触发器，还适于触发所述待加载页面的图片加载，并触发所述待加载页面的背景图像加载。
10.如权利要求7～9中任一项所述的装置，其特征在于，所述加载触发器，还适于向所述待加载页面的img标签中的src属性写入图片的统一资源定位符URL，根据所述图片的URL下载对应的图片，从而实现所述待加载页面的图片加载。
CN201410838477.7A 2014-12-29 2014-12-29 基于移动终端的页面资源加载方法及装置 Pending CN104536791A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201410838477.7A CN104536791A (zh) 2014-12-29 2014-12-29 基于移动终端的页面资源加载方法及装置
PCT/CN2015/095013 WO2016107325A1 (zh) 2014-12-29 2015-11-19 基于移动终端的页面资源加载方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410838477.7A CN104536791A (zh) 2014-12-29 2014-12-29 基于移动终端的页面资源加载方法及装置

Publications (1)

Publication Number Publication Date
CN104536791A true CN104536791A (zh) 2015-04-22

Family

ID=52852323

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410838477.7A Pending CN104536791A (zh) 2014-12-29 2014-12-29 基于移动终端的页面资源加载方法及装置

Country Status (2)

Country Link
CN (1) CN104536791A (zh)
WO (1) WO2016107325A1 (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105516467A (zh) * 2015-11-26 2016-04-20 努比亚技术有限公司 页面显示方法及移动终端
WO2016107325A1 (zh) * 2014-12-29 2016-07-07 北京奇虎科技有限公司 基于移动终端的页面资源加载方法及装置
CN106095461A (zh) * 2016-06-21 2016-11-09 东软集团股份有限公司 在界面中显示组件的方法及装置
CN107391610A (zh) * 2017-07-04 2017-11-24 广州视源电子科技股份有限公司 背景图片设置方法、装置、可读存储介质和计算机设备
CN108076113A (zh) * 2016-11-15 2018-05-25 同方威视技术股份有限公司 用于对安检数据进行操作的方法、服务器和***
CN112506603A (zh) * 2021-02-08 2021-03-16 艾乐德电子（南京）有限公司 一种电子仪器设备显示界面的切换方法及***
CN113934949A (zh) * 2021-11-24 2022-01-14 掌阅科技股份有限公司 资讯页面展示方法、电子设备及计算机存储介质

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111625432B (zh) * 2019-02-28 2023-03-28 北京字节跳动网络技术有限公司 页面加载耗时确定方法、装置和计算机可读存储介质
CN111552528A (zh) * 2020-04-14 2020-08-18 携程旅游网络技术（上海）有限公司 移动端页面的展示方法、***、电子设备和介质
CN113411622B (zh) * 2021-05-26 2022-03-15 广州方硅信息技术有限公司 直播界面的加载方法、装置、客户端及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102065114A (zh) * 2009-11-17 2011-05-18 ***通信集团重庆有限公司 一种移动终端访问网页的方法及装置
CN103984686A (zh) * 2013-02-07 2014-08-13 阿里巴巴集团控股有限公司 页面切换方法及装置
CN104008114A (zh) * 2013-02-27 2014-08-27 腾讯科技（深圳）有限公司 一种wap浏览器的页面跳转方法及装置
CN104216944A (zh) * 2014-07-10 2014-12-17 腾讯科技（深圳）有限公司 网页内容显示方法及装置

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103809896B (zh) * 2012-11-15 2018-11-09 腾讯科技（深圳）有限公司 一种页面切换方法及装置
CN103853729B (zh) * 2012-11-29 2019-03-26 腾讯科技（深圳）有限公司 页面加载方法及其***
CN103390053A (zh) * 2013-07-26 2013-11-13 贝壳网际（北京）安全技术有限公司 浏览器的页面切换控制方法、装置和客户端
CN104536791A (zh) * 2014-12-29 2015-04-22 北京奇虎科技有限公司 基于移动终端的页面资源加载方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102065114A (zh) * 2009-11-17 2011-05-18 ***通信集团重庆有限公司 一种移动终端访问网页的方法及装置
CN103984686A (zh) * 2013-02-07 2014-08-13 阿里巴巴集团控股有限公司 页面切换方法及装置
CN104008114A (zh) * 2013-02-27 2014-08-27 腾讯科技（深圳）有限公司 一种wap浏览器的页面跳转方法及装置
CN104216944A (zh) * 2014-07-10 2014-12-17 腾讯科技（深圳）有限公司 网页内容显示方法及装置

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016107325A1 (zh) * 2014-12-29 2016-07-07 北京奇虎科技有限公司 基于移动终端的页面资源加载方法及装置
CN105516467A (zh) * 2015-11-26 2016-04-20 努比亚技术有限公司 页面显示方法及移动终端
CN106095461A (zh) * 2016-06-21 2016-11-09 东软集团股份有限公司 在界面中显示组件的方法及装置
CN108076113A (zh) * 2016-11-15 2018-05-25 同方威视技术股份有限公司 用于对安检数据进行操作的方法、服务器和***
CN108076113B (zh) * 2016-11-15 2021-04-16 同方威视技术股份有限公司 用于对安检数据进行操作的方法、服务器和***
CN107391610A (zh) * 2017-07-04 2017-11-24 广州视源电子科技股份有限公司 背景图片设置方法、装置、可读存储介质和计算机设备
CN112506603A (zh) * 2021-02-08 2021-03-16 艾乐德电子（南京）有限公司 一种电子仪器设备显示界面的切换方法及***
CN113934949A (zh) * 2021-11-24 2022-01-14 掌阅科技股份有限公司 资讯页面展示方法、电子设备及计算机存储介质

Also Published As

Publication number Publication date
WO2016107325A1 (zh) 2016-07-07

Similar Documents

Publication Publication Date Title
CN104536791A (zh) 基于移动终端的页面资源加载方法及装置
CN109388463B (zh) 平板电脑应用软件的分屏显示方法、存储介质及平板电脑
JP5661704B2 (ja) 情報処理装置、サーバ装置、情報処理方法及びコンピュータプログラム
CN104050171B (zh) 一种移动终端上呈现的页面的导航方法、装置和***
CN104484193A (zh) 一种快速启动应用程序的方法和装置
CN103135879B (zh) 显示方法、显示装置和电子设备
CN110046310B (zh) 分析页面中的跳转链接的方法和装置
CN103150080B (zh) 一种图标快捷操作方法及装置
CN104111950A (zh) 网页图片加载方法及加载装置
CN102077200A (zh) 用于不基于鼠标而激活链接的图形用户界面
CN104808889A (zh) 页面切换方法及电子设备
CN105404458B (zh) 网页内容更新方法及装置
CN105488051B (zh) 网页处理方法及装置
CN105487777A (zh) 基于手势操作的移动搜索与新闻切换方法和装置
JP2016521879A (ja) ウェブページからのアプリケーションの呼び出しまたは他のアプリケーションの呼び出し
CN104750409A (zh) 屏幕画面的缩放及操作方法与装置
CN114065080B (zh) 页面渲染方法、装置、设备及计算机可读存储介质
CN103177113A (zh) 网页呈现方法和网页呈现装置
CN104063484A (zh) 一种网页呈现方法、装置及电子设备
CN110865748A (zh) 菜单呈现方法、装置、电子设备及计算机可读存储介质
CN105630310A (zh) 一种图组切换时的标题展示方法和装置
CN103838486A (zh) 一种终端显示页面的操作方法及终端
CN111898056A (zh) 一种网页显示方法、装置、存储介质及电子设备
CN112445588A (zh) 应用任务的处理方法、装置、设备及可读存储介质
CN112291412B (zh) 应用程序控制方法、装置及电子设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20150422