CN107818101A - 页面跳转的方法及其装置 - Google Patents
页面跳转的方法及其装置 Download PDFInfo
- Publication number
- CN107818101A CN107818101A CN201610819791.XA CN201610819791A CN107818101A CN 107818101 A CN107818101 A CN 107818101A CN 201610819791 A CN201610819791 A CN 201610819791A CN 107818101 A CN107818101 A CN 107818101A
- Authority
- CN
- China
- Prior art keywords
- page
- variable
- source code
- value
- caching
- 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
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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
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
技术领域
本发明实施例涉及移动终端技术领域,尤其涉及一种页面跳转的方法及其装置。
背景技术
微信是腾讯公司推出的一个为智能终端提供即时通讯服务的免费应用程序,支持跨通信运营商、跨操作系统平台通过网络快速发送免费(需消耗少量网络流量)语音短信、视频、图片和文字。是目前最主流的即时通讯应用程序之一。微信开放平台为第三方移动应用程序提供接口,使用户可将第三方移动应用程序的内容发布给好友或分享至朋友圈,第三方内容借助微信平台获得更广泛的传播。从而形成了一种主流的线上线下微信互动营销方式。
目前,在微端第三方开发中,普遍存在页面跳转时的刷新问题,例如,当页面退回上一页时,用户在上一页填写的数据会被清空。目前存在的解决方案用通过HTML5的History API+本地缓存(localStorage)技术来解决此问题,但方案只适用简单没有条件选择直接点击跳转的页面,而复杂的多条件查询页面跳转不再适用,当用户关闭或切换页面后,再打开或者切换回原页面后,页面会被重新刷新。
因此,如何在复杂的多条件查询页面跳转时防止页面被重新刷新,成为现有技术中亟需解决的技术问题。
发明内容
有鉴于此,本发明实施例所解决的技术问题之一在于提供一种页面跳转的方法及其装置,其可通过缓存页面以及页面中的变量值,并在页面跳转时,从缓存中获取页面以及页面变量对应的值然后用于显示,防止页面跳转时重新从本地缓存中获取数据,在复杂的多条件查询页面跳转时避免页面刷新,从而简化了页面跳转时的步骤。
本发明提供一种页面跳转方法,包括:
接收从第一页面跳转到第二页面的跳转指令,根据所述跳转指令获取所述第二页面的标识;
获取所述第二页面标识对应的所述第二页面的源码,解析所述第二页面的源码,以获取所述第二页面源码中的变量;
查询历史变量缓存中是否存在所述变量,如是,则获取所述变量对应的值;
显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面。
在本发明中,所述接收从第一页面跳转到第二页面的跳转指令,根据所述跳转指令获取所述第二页面的标识进一步包括:
接收从所述第一页面跳转到所述第二页面的跳转指令;
解析所述跳转指令,根据所述跳转指令获取所述第二页面的标识。
在本发明中,所述获取所述第二页面标识对应的所述第二页面的源码进一步包括:
根据所述第二页面的标识判断所述第二页面是否存在于历史页面缓存中,
如是,则从所述历史页面缓存中获取所述第二页面的源码;
否则,通过网络请求获取所述第二页面的源码。
进一步地,所述查询历史变量缓存中是否存在所述变量,如是,则获取所述变量对应的值;所述变量包括页面滚动位置。
在本发明中,所述显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面进一步包括:
根据所述第二页面的源码和所述变量对应的值生成所述第二页面;
显示所述生成的所述第二页面。
在本发明中,在显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面之前进一步包括:
将所述第一页面中的变量和所述变量对应的值记录到所述历史变量缓存中;其中,所述变量对应的值不断变化直到所述第一页面操作结束为止,记录最后一次所述第一页面操作时所述变量以及所述变量对应的值。
在本发明中,在显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面之前进一步地包括:
将所述第一页面的源码保存到历史页面缓存中。
本发明提供一种页面跳转装置,包括:
页面标识获取模块,用于获取从第一页面跳转到第二页面的跳转指令,根据所述跳转指令获取所述第二页面的标识;
变量获取模块,用于根据所述第二页面的标识获取所述第二页面的源码,解析所述第二页面的源码,以获取所述第二页面源码中的变量;
变量值获取模块,用于在历史变量缓存冲查询是否存在所述变量,如是,则获取所述变量对应的值;
页面跳转模块,用于根据所述第二页面的源码和所述变量对应的值显示所述第二页面。
在本发明一具体实施例中,所述页面标识获取模块包括:
指令获取单元,用于接收从所述第一页面跳转到所述第二页面的跳转指令;
指令解析单元,用于解析所述跳转指令,根据所述跳转指令获取所述第二页面的标识。
在本发明中,所述变量获取模块具体包括:
页面源码获取单元,用于根据所述第二页面的标识获取所述第二页面的源码;
页面源码解析单元,用于解析所述第二页面的源码,以获取所述第二页面源码中的变量。
在本发明中,所述页面源码获取单元进一步包括:
页面缓存判决子单元,用于根据所述第二页面的标识判断所述第二页面是否存在于历史页面缓存中,
历史页面获取子单元,则从所述历史页面缓存中获取所述第二页面的源码;
网络请求子单元,通过网络请求获取所述第二页面的源码。
在本发明中,所述页面跳转模块进一步包括:
页面生成单元,根据所述第二页面的源码和所述变量对应的值生成所述第二页面;
页面显示单元,显示所述页面生成单元生成的所述第二页面。
在本发明中,所述页面跳转装置进一步包括:
变量值记录单元,用于在页面显示单元显示所述第二页面之前,将所述第一页面中的变量和所述变量对应的值记录到所述历史变量缓存中;其中,变量值记录单元不断记录所述变量以及所述变量对应的值,直到所述第一页面操作结束为止,保存最后一次所述第一页面操作时所述变量以及变量对应的值。
页面源码缓存单元,用于在页面显示单元显示所述第二页面之前,将所述第一页面的源码保存到历史页面缓存中
由以上技术方案可见,接收从第一页面跳转到第二页面的跳转指令,根据所述跳转指令获取所述第二页面的标识;获取所述第二页面标识对应的所述第二页面的源码,解析所述第二页面的源码,以获取所述第二页面源码中的变量;查询历史变量缓存中是否存在所述变量,如是,则获取所述变量对应的值;显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面。因此,本发明实施例可缓存页面以及页面中的变量值,并在页面跳转时,从缓存中获取页面以及页面变量对应的值,防止了页面跳转时不必要的刷新,简化了页面跳转时的步骤,提高了移动终端操作的便利性。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明实施例中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1是本发明实施例应用的移动终端的结构示意图;
图2是本发明实施例应用的一页面跳转方法的流程图;
图3是本发明实施例应用的另一页面跳转方法的流程图;
图4是本发明实施例应用的另一页面跳转方法的流程图;
图5是本发明实施例应用的另一页面跳转方法的流程图;
图6是本发明实施例应用的另一页面跳转方法的流程图;
图7是本发明实施例应用的一页面跳转装置的结构图;
图8是本发明实施例应用的一页面跳转装置中页面标识获取模块的结构图;
图9是本发明实施例应用的一页面跳转装置中变量获取模块的结构图;
图10是本发明实施例应用的一页面跳转装置中页面源码获取单元的结构图;
图11是本发明实施例应用的一页面跳转装置中页面跳转模块的结构图;
图12是本发明实施例应用的一页面跳转装置的结构图。
具体实施方式
本发明实施例通过缓存页面以及页面中的变量值,并在页面跳转时,从缓存中获取页面以及页面变量对应的值,防止了页面跳转时不必要的刷新,简化了页面跳转时的步骤。
为了使本领域的人员更好地理解本发明实施例中的技术方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本发明实施例一部分实施例,而不是全部的实施例。基于本发明实施例中的实施例,本领域普通技术人员所获得的所有其他实施例,都应当属于本发明实施例保护的范围。
下面结合本发明实施例附图进一步说明本发明实施例具体实现。
本发明实施例提供一种页面跳转方法,应用于移动终端。所述移动终端包括手机、笔记本、平板电脑、POS机以及车载电脑等。
参见图1,所述移动终端1通常包括:主控芯片11、存储器12、输入输出装置13以及其他硬件14。所述主控芯片11控制各功能模块,存储器12存储各应用程序和数据。
在本发明另一实施例中,参见图2,所述方法包括:
S201、接收从第一页面跳转到第二页面的跳转指令,根据所述跳转指令获取所述第二页面的标识;
用户通过移动终端的输入输出模块13输入操作指令,触发页面从第一页面跳转到第二页面;获取到所述跳转指令后,通过解析获取到所述第二页面的标识。
具体地,所述第一页面为当前页面,所述第二页面为目标跳转页面。例如,在微信的第三方应用中,用户通过点击当前页面的“上一页”、“下一页”、“第一页”等按钮,或者所述移动终端上的物理键的后退键,触发页面跳转。获取跳转指令后,获取目标跳转页面的标识,所述标识为页面编号或页面超链接。
S202、获取所述第二页面标识对应的所述第二页面的源码,解析所述第二页面的源码,以获取所述第二页面源码中的变量;
根据S201获取所述第二页面的标识,判断所述第二页面是否存在于历史页面缓存里,如是,则从历史页面缓存中获取所述第二页面的源码,否则,通过网络请求获取所述第二页面的源码。具体地,通过查询历史页面缓存中是否存在所述目标跳转页面的标识,如存在,从历史页面缓存中获取目标跳转页面的源码,否则,通过网络请求获取目标跳转页面的源码。
获取到目标跳转页面源码后,通过解析所述页面的源码,获取所述源码中存在的变量。在一个具体实施例中,例如在一个多条件查询页面的源码中可以包含多个自定义变量。具体地,在一个多条课表查询页面中,自定义变量包括班级(class),地点(place),时间(time),老师(teacher),页面滚动值(scroll)等等。当用户浏览第一页面时,用户可以根据自己的选择确定页面变量的值,如果用户对当前第一页面浏览操作完毕,系统会自动记录保存页面以及页面变量值。在一个具体实施例中,如果用户重新跳转回所述第一页面,那么就可以直接从历史页面缓冲中获取页面以及从历史变量缓冲中获取页面变量值,然后根据页面以及页面变量值显示上次浏览第一页面时的状态。
S203、查询历史变量缓存中是否存在所述变量,如是,则获取所述变量对应的值;其中变量包括页面滚动位置。
在历史变量缓存中查询S202中获取的变量,根据变量的名称,判断所述变量是否存在,如存在,则获取所述变量对应的值。
具体地,以HTML5为例,可以使用sessionStorage.getItem(Key)方法获取所述变量对应的值。除此以外,还可以使用自定义缓存,使用自定义获取变量值的方法。以自定义缓存为例,一种浏览器,可支持HTML5语言的显示,并提供Javascript申请临时内存的接口,以使在页面跳转时记录用户操作的数据。以Javascript为例,定义一个Map对象,用于存储变量和变量对应的值。所述Map对象即为自定义缓存。所述Map对象为(Key,Value)结构,并且在Map对象中,Key是不可重复的。优选的方案,Map可使用HashMap或TreeMap,以提高插入数据和查询数据的效率。在本申请实施例中,Key对应变量的名称,Value对应变量的值,本申请实施例提供getValue(Key)方法,用于根据Key查询所述Map对象,获取Key对应的Value,即通过变量的名称获取变量的值。
S204、显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面。
具体地,即根据所述第二页面的源码和所述变量对应的值生成所述第二页面;显示所述生成的所述第二页面。
在一个具体实施例中,在显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面之前包括:将所述第一页面中的变量和所述变量对应的值记录到所述历史变量缓存中;其中,所述变量对应的值不断变化直到所述第一页面操作结束为止,记录最后一次所述第一页面操作时所述变量以及所述变量对应的值。
在一个具体实施例中,以变量为页面滚动值为例,用户在对页面进行操作时,页面变量对应的值在不断变化,系统也在不断记录刷新页面变量对应的值,当页面跳转时即对当前第一页面操作浏览完毕时,将最后一次操作浏览的第一页面的位置值记录到历史变量缓存中。具体地,以JavaScript语言为例,通过scrollTop方法获取当前第一页面滚动条的位置即页面滚动值。将获取当前滚动条的位置设置为变量scrollValue对应的变量值,并存储到SessionStorage中。当用户从其它页面跳转回该第一页面时,通过sessionStorage.getItem(Key)方法获取滚动条的位置,在展示页面的时候,将页面跳转到指定位置。在本例的一个优选方案中,在获取到滚动条需要滚动到的位置后即页面滚动值后,获取当前的屏幕状态,即用户终端是竖屏还是横屏,如果是横屏时,则使用scrollLeft跳转到指定位置。本例实现了在页面跳转时,将滚动条定位到上次浏览到的位置即用户最后一次操作页面时的页面在用户终端的显示状态,增强用户体验。
在本发明另一实施例中,参见图3,所述方法包括:
S301,接收从所述第一页面跳转到所述第二页面的跳转指令。
用户通过移动终端的输入输出模块13输入操作指令,触发页面从第一页面跳转到第二页面。接收从所述第一页面跳转到所述第二页面的跳转指令。
具体地,当用户从当前页面跳转到目标页面时,通过点击当前页面的“上一页”、“下一页”、“第一页”等按钮,或者所述移动终端上的物理键的后退键,触发页面跳转,以HTML5为例,使用onclick方法响应按钮点击时的事件。
S302,解析所述跳转指令,根据所述跳转指令获取所述第二页面的标识。即通过解析S301接收到的具体指令值,获取所述第二页面的标识。具体地,获取当前页面的标识,页面标识可以是页面编号也可以是页面超链接。在一个具体实施例中,如果页面标识是当前页面编号,首先判断接收指令的类型,如果所述指令为“上一页”,则所述目标页面编号为当前页面编号减一。例如,在一次Session会话中,包含N个页面,将页面进行编号:1,2,3…N,如果当前页面为i,当点击“上一页”时,获取第二页的页面标识,即i-1。在另一个具体实施例中,如果所述页面标识是超链接,则直接根据所述指令获取目标页面的超链接。例如,当显示当前页面时,将上一页的链接地址设置“上一页”按钮的属性“href”中,如’href=’http://xxxx.prepage’。当点击“上一页”按钮时,解析该按钮的属性,获取跳转的链接地址,所述链接地址即为所述第二页的页面标识。
在本发明另一实施例中,参见图4,所述方法包括:
S401,根据所述第二页面的标识判断所述第二页面是否存在于历史页面缓存中。
具体地,查询历史变量缓存中是否存在所述变量,如是,则获取所述变量对应的值,其中变量包括页面滚动位置。即判断所述第二页面是否浏览过。
具体地,如果在历史页面缓存中历史页面通过页面编号记录,则查询所述第二页面的编号是否存在。例如,在一次Session会话中,如果当前页面为i,历史页面缓存中记录的页面为1,2,3…i-1,。当点击“上一页”时,获取第二页的页面标识,即i-1,历史页面缓存中是否存在页面i-1。如果历史页面缓存通过超链接记录,则查询所述第二页面的超链接是否存在。
S402,从所述历史页面缓存中获取所述第二页面的源码。
在一个具体实施例中,如果在步骤S401时判断所述第二页面已经被浏览过,则从历史页面缓存中获取所述第二页面的源码。
具体地,例如,使用cache.manifest缓存浏览的网页,则从cache.manifest中查询是否存在所述目标跳转页面。
S403,通过网络请求获取所述第二页面的源码。
在一个具体实施例中,如果在步骤S401时判断所述第二页面未被浏览过,则通过网络请求获取所述第二页面的源码。
具体地,通过发送HTTP请求,获取所述目标跳转页面的源码。
在本发明另一实施例中,参见图5,所述方法包括
S501,根据所述第二页面的源码和所述变量对应的值生成所述第二页面。
具体地,获取到所述第二页面的源码后,解析所述第二页面源码。在一个具体实施例中,以HTML5为例,解析所述第二页源码中包含的HTML5元素,HTML5元素的属性已设置为具体值或变量。当解析到HTML5元素的属性设置为变量后,从历史变量缓存中获取所述变量对应的值,将所述变量对应的值设置到该HTML5元素的属性中,生成新的第二页面源码,根据新的第二页面源码,生成所述第二页面。
S502,显示所述生成的所述第二页面。
具体地,根据步骤S501生成的所述第二页面,通过解析页面源码中的HTML元素然后渲染成图像,然后显示跳转目标页面。例如,在浏览器的渲染引擎中,渲染模块根据HTML5元素的属性渲染成图像,将图像在显示设备上显示出来。
在本发明另一实施例中,参见图6,所述方法包括:
S601,将所述第一页面中的变量和所述变量对应的值记录到所述历史变量缓存中;其中,所述变量对应的值不断变化直到所述第一页面操作结束为止,记录最后一次所述第一页面操作时所述变量以及所述变量对应的值。
在一个具体实施例中,在显示所述第二页面之前,保存所述第一页面的页面变量,便于在页面跳转回所述第一页面时,可以在所述第一页面的源码中查询当前所述第一页面的页面变量。在一个具体实施例中,例如在一个多条件查询页面的源码中可以包含多个自定义变量。具体地,例如,在一个多条课表查询页面中,自定义变量可以包括班级(class),地点(place),时间(time),老师(teacher),页面滚动值(scroll)等等。
在一个具体实施例中,如果页面变量包含页面滚动值,当用户浏览第一页面时,用户可以根据自己的选择确定页面变量的值,用户可以根据自己的操作随意改变页面滚动值,系统也会不断地自动记录刷新页面变量值,当用户对当前第一页面浏览操作完毕时,系统会自动记录缓存最后一次操作页面时页面变量以及页面变量对应的值,将页面变量以及页面变量对应的值缓存到历史变量缓存中。例如,当用户从其它页面重新跳转回第一页面,那么就可以直接从历史页面缓冲中获取页面以及从历史变量缓冲中获取页面变量值,然后根据页面以及页面变量值显示上次浏览第一页面时的状态。
S602:将所述第一页面的源码保存到历史页面缓存中。
具体地,当用户浏览当前所述第一页面时,可以对当前所述第一页面进行各种选择操作。在用户浏览当前页面结束完毕跳转下一目标页面之前,将当前所述第一页面的源码缓存到历史页面缓存中。例如,当用户从其它页面重新跳转回所述第一页面时,那么就可以直接从历史页面缓存中获取页面以及从历史变量缓存中获取页面变量值,然后根据页面以及页面变量值显示上次浏览第一页面时的状态。
S603:显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面。所述S603即为步骤S204,在此不做赘述。
本发明实施例可缓存页面中的变量值,并在页面跳转时,从缓存中获取变量对应的值,防止了页面跳转时不必要的刷新,简化了页面跳转时的步骤,提高了移动终端操作的便利性。
本发明实施例提供一种页面跳转的装置,应用于移动终端。所述移动终端包括手机、笔记本、平板电脑、POS机以及车载电脑等。
参见图1,所述移动终端1通常包括:主控芯片11、存储器12、输入输出装置13以及其他硬件14。所述主控芯片11控制各功能模块,存储器12存储各应用程序和数据。
本发明实施例提供一种页面跳转装置,参见图7,包括:
页面标识获取模块701,用于接收从第一页面跳转到第二页面的跳转指令,根据所述跳转指令获取所述第二页面的标识。
用户通过移动终端的输入输出模块13输入操作指令,触发页面从第一页面跳转到第二页面;获取到所述跳转指令后,通过解析获取到所述第二页面的标识。
具体地,所述第一页面为当前页面,所述第二页面为目标跳转页面。例如,在微信的第三方应用中,用户通过点击当前页面的“上一页”、“下一页”、“第一页”等按钮,或者所述移动终端上的物理键的后退键,触发页面跳转。获取跳转指令后,获取目标跳转页面的标识,所述标识为页面编号或页面超链接。
变量获取模块702,用于根据所述第二页面的标识获取所述第二页面的源码,解析所述第二页面的源码,以获取所述第二页面源码中的变量。
根据页面标识获取模块701获取所述第二页面的标识,判断所述页面是否存在于历史页面缓存里,如是,则从历史页面缓存中获取所述第二页面的源码,否则,通过网络请求获取所述第二页面的源码。通过解析所述页面的源码,获取所述当前页面中存在的变量。
具体地,通过查询历史页面缓存中是否存在所述目标跳转页面的标识,如存在,判断所述页面是否存在于历史页面缓存中。获取到目标跳转页面源码后,解析所述页面的源码。
变量值获取模块703,用于在历史变量缓存冲查询是否存在所述变量,如是,则获取所述变量对应的值,其中变量包括页面滚动位置等。
在历史变量缓存中查询变量获取模块702中获取的变量,根据变量的名称,判断所述变量是否存在,如存在,则获取所述变量对应的值。
具体地,以HTML5为例,使用sessionStorage.getItem()方法获取所述变量对应的值。除此以外,还可以使用自定义缓存,使用自定的获取变量值的方法,在此不做赘述。
页面跳转模块704,用于根据所述第二页面的源码和所述变量对应的值显示所述第二页面。
在本申请实施例中,该模块具体根据所述第二页面的源码和所述变量对应的值生成所述第二页面;显示所述生成的所述第二页面。
具体地,根据目标跳转页面的源码和所述变量对应的值生成目标跳转页面,显示目标跳转页面。
在本发明另一实施例中,参见图8,所述页面标识获取模块包括:
指令获取单元706,用于接收从所述第一页面跳转到所述第二页面的跳转指令。
用户通过移动终端的输入输出模块13输入操作指令,触发页面从第一页面跳转到第二页面。接收从所述第一页面跳转到所述第二页面的跳转指令。
具体地,当用户从当前页面跳转到目标页面时,通过点击当前页面的“上一页”、“下一页”、“第一页”等按钮,或者所述移动终端上的物理键的后退键,触发页面跳转,以HTML5为例,使用onclick方法响应按钮点击时的事件。
指令解析单元707,用于解析所述跳转指令,根据所述跳转指令获取所述第二页面的标识。
通过解析指令获取单元706接收到的具体指令值,获取所述第二页面的标识。
具体地,获取当前页面的标识,例如获取当前页面编号,判断接收指令的类型,如果所述指令为“上一页”,则所述目标页面编号为当前页面编号减一。所述页面标识还可以是超链接,则直接根据所述指令获取目标页面的超链接。
在本发明另一实施例中,参见图9,所述变量值获取模块包括:
页面源码获取单元801,用于根据所述第二页面的标识获取所述第二页面的源码。
在本实施例中,页面源码获取单元801判断所述页面是否存在于历史页面缓存里,如是,则从历史页面缓存中获取所述第二页面的源码,否则,通过网络请求获取所述第二页面的源码。
页面源码解析单元802,用于解析所述第二页面的源码,以获取所述第二页面源码中的变量。
具体地,通过查询历史页面缓存中是否存在所述目标跳转页面的标识,如存在,判断所述页面是否存在于历史页面缓存。获取到目标跳转页面源码后,解析所述页面的源码。
在本发明另一实施例中,参见图10,所述页面源码获取单元包括:
页面缓存判决子单元806,用于根据所述第二页面的标识判断所述第二页面是否存在于历史页面缓存中。即判断所述第二页面是否浏览过。
具体地,如果历史页面缓存通过页面编号记录,则查询所述第二页面的编号是否存在;如果历史页面缓存通过超链接记录,则查询所述第二页面的超链接是否存在。
历史页面获取子单元807,则从所述历史页面缓存中获取所述第二页面的源码。
如果页面缓存判决子单元806判断所述第二页面浏览过,则从历史页面缓存中获取所述第二页面的源码。
具体地,例如,使用cache.manifest缓存浏览的网页,则从cache.manifest中查询是否存在所述目标跳转页面。
网络请求子单元808,通过网络请求获取所述第二页面的源码。
如果页面缓存判决子单元806判断所述第二页面浏览过,则通过网络请求获取所述第二页面的源码。
具体地,通过发送HTTP请求,获取所述目标跳转页面的源码。
在本发明另一实施例中,参见图11,所述页面跳转模块包括::
页面生成单元901,根据所述第二页面的源码和所述变量对应的值生成所述第二页面。
即将所述变量对应的值填充到所述第二页面的源码中,生成所述第二页面。
页面显示单元902,显示所述页面生成单元生成的所述第二页面。
具体地,页面显示单元902通过渲染所述第二页面HTML元素生成图像,然后在用户终端显示目标跳转页面。
在本发明另一实施例中,参见图12,所述页面跳转装置包括:
变量值记录单元903,用于在页面显示单元显示所述第二页面之前,将所述第一页面中的变量和所述变量对应的值记录到历史变量缓存中。
具体地,在用户浏览所述第一页面过程中,变量值记录单元不断记录刷新页面变量以及所述变量对应的值,直到所述第一页面操作结束为止,记录保存最后一次页面操作时变量以及所述变量对应的值。例如,当用户从其它页面重新跳转回所述第一页面时,那么就可以直接从历史页面缓存中获取页面以及从历史变量缓存中获取页面变量值,然后根据页面以及页面变量值显示上次浏览第一页面时的状态。
在一个具体实施例中,如在HTML5中,使用sessionStorage.setItem()方法存储当前页面的页面变量,包括所述变量的名称和所述变量对应的值。除此以外,还可以使用自定义缓存,使用自定的设置变量值的方法,在此不做赘述。
页面源码缓存单元904,用于在页面显示单元显示所述第二页面之前,将所述第一页面的源码保存到历史页面缓存中。
具体地,当用户浏览当前所述第一页面时,可以对当前所述第一页面进行各种选择操作。在用户浏览当前页面结束完毕跳转下一目标页面之前,将当前所述第一页面的源码缓存到历史页面缓存中。例如,当用户从其它页面重新跳转回所述第一页面时,那么就可以直接从历史页面缓存中获取页面以及从历史变量缓存中获取页面变量值,然后根据页面以及页面变量值显示上次浏览第一页面时的状态。
本发明实施例可缓存页面中的变量值,并在页面跳转时,从缓存中获取变量对应的值,防止了页面跳转时不必要的刷新,简化了页面跳转时的步骤,提高了移动终端操作的便利性。
本领域的技术人员应明白,本发明实施例的实施例可提供为方法、装置(设备)、或计算机程序产品。因此,本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例是参照根据本发明实施例的方法、装置(设备)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明实施例的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。显然,本领域的技术人员可以对本发明实施例进行各种改动和变型而不脱离本发明实施例的精神和范围。这样,倘若本发明实施例的这些修改和变型属于本发明实施例权利要求及其等同技术的范围之内,则本发明实施例也意图包含这些改动和变型在内。
Claims (11)
1.一种页面跳转的方法,其特征在于,包括:
接收从第一页面跳转到第二页面的跳转指令,根据所述跳转指令获取所述第二页面的标识;
获取所述第二页面标识对应的所述第二页面的源码,解析所述第二页面的源码,以获取所述第二页面源码中的变量;
查询历史变量缓存中是否存在所述变量,如是,则获取所述变量对应的值;
显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面。
2.根据权利要求1所述的方法,其特征在于,获取所述第二页面标识对应的所述第二页面的源码,包括:
根据所述第二页面的标识判断所述第二页面是否存在于历史页面缓存中;
如是,则从所述历史页面缓存中获取所述第二页面的源码;
否则,通过网络请求获取所述第二页面的源码。
3.根据权利要求1所述的方法,其特征在于,查询历史变量缓存中是否存在所述变量,如是,则获取所述变量对应的值,所述变量包括页面滚动位置。
4.根据权利要求1或3所述的方法,其特征在于,显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面,包括:
根据所述第二页面的源码和所述变量对应的值生成所述第二页面;
显示所述生成的所述第二页面。
5.根据权利要求1或3所述的方法,其特征在于,在显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面之前包括:
将所述第一页面中的变量和所述变量对应的值记录到所述历史变量缓存中;其中,所述变量对应的值不断变化直到所述第一页面操作结束为止,记录最后一次所述第一页面操作时所述变量以及所述变量对应的值。
6.根据权利要求1所述的方法,其特征在于,在显示由所述第二页面的源码和所述变量对应的值所确定的所述第二页面之前包括:
将所述第一页面的源码保存到历史页面缓存中。
7.一种页面跳转的装置,其特征在于,包括:
页面标识获取模块,用于接收从第一页面跳转到第二页面的跳转指令,根据所述跳转指令获取所述第二页面的标识;
变量获取模块,用于根据所述第二页面的标识获取所述第二页面的源码,解析所述第二页面的源码,以获取所述第二页面源码中的变量;
变量值获取模块,用于在历史变量缓存冲查询是否存在所述变量,如是,则获取所述变量对应的值;
页面跳转模块,用于根据所述第二页面的源码和所述变量对应的值显示所述第二页面。
8.根据权利要求7所述的装置,其特征在于,所述变量获取模块包括:
页面源码获取单元,用于根据所述第二页面的标识获取所述第二页面的源码;
页面源码解析单元,用于解析所述第二页面的源码,以获取所述第二页面源码中的变量。
9.根据权利要求8所述的装置,其特征在于,所述页面源码获取单元包括:
页面缓存判决子单元,用于根据所述第二页面的标识判断所述第二页面是否存在于历史页面缓存中,
历史页面获取子单元,则从所述历史页面缓存中获取所述第二页面的源码;
网络请求子单元,通过网络请求获取所述第二页面的源码。
10.根据权利要求7所述的装置,其特征在于,所述页面跳转模块包括:
页面生成单元,根据所述第二页面的源码和所述变量对应的值生成所述第二页面;
页面显示单元,显示所述页面生成单元生成的所述第二页面。
11.根据权利要求7所述的装置,其特征在于,还包括:
变量值记录单元,用于在页面显示单元显示所述第二页面之前,将所述第一页面中的变量和所述变量对应的值记录到所述历史变量缓存中;其中,变量值记录单元不断记录所述变量以及所述变量对应的值,直到所述第一页面操作结束为止,保存最后一次所述第一页面操作时所述变量以及变量对应的值。
页面源码缓存单元,用于在页面显示单元显示所述第二页面之前,将所述第一页面的源码保存到历史页面缓存中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610819791.XA CN107818101A (zh) | 2016-09-12 | 2016-09-12 | 页面跳转的方法及其装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610819791.XA CN107818101A (zh) | 2016-09-12 | 2016-09-12 | 页面跳转的方法及其装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107818101A true CN107818101A (zh) | 2018-03-20 |
Family
ID=61601506
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610819791.XA Pending CN107818101A (zh) | 2016-09-12 | 2016-09-12 | 页面跳转的方法及其装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107818101A (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108769211A (zh) * | 2018-05-31 | 2018-11-06 | 康键信息技术(深圳)有限公司 | 客户端设备、网页的路由方法和计算机可读存储介质 |
CN109358794A (zh) * | 2018-10-10 | 2019-02-19 | 平安普惠企业管理有限公司 | Web应用程序页面刷新方法、装置、计算机设备及存储介质 |
CN109462632A (zh) * | 2018-09-07 | 2019-03-12 | 平安科技(深圳)有限公司 | 页面跳转方法、装置、计算机设备及计算机可读存储介质 |
CN110018867A (zh) * | 2018-11-12 | 2019-07-16 | 阿里巴巴集团控股有限公司 | 用于页面交互的方法和装置 |
CN110196954A (zh) * | 2019-06-14 | 2019-09-03 | 深圳市珍爱捷云信息技术有限公司 | 网页回退处理方法、装置、计算机设备和存储介质 |
WO2023169215A1 (zh) * | 2022-03-10 | 2023-09-14 | 京东方科技集团股份有限公司 | 页面显示方法、装置、存储介质及电子设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102184184A (zh) * | 2011-04-07 | 2011-09-14 | 安徽博约信息科技有限责任公司 | 一种网页动态信息获取方法 |
CN102255879A (zh) * | 2011-01-14 | 2011-11-23 | 北京开心人信息技术有限公司 | 一种实现用户未完成的输入内容本地缓存的方法及系统 |
CN103399693A (zh) * | 2013-07-08 | 2013-11-20 | 北京华胜天成科技股份有限公司 | 单页面整体刷新后菜单重新定位方法及系统 |
CN103488665A (zh) * | 2013-05-24 | 2014-01-01 | 赵冰 | 一种提取html页面选定区域内容的方法 |
CN104866489A (zh) * | 2014-02-24 | 2015-08-26 | 赵冰 | 一个将网站选定内容提取、存储并发布的系统 |
CN105335404A (zh) * | 2014-07-29 | 2016-02-17 | 北京奇虎科技有限公司 | 页面信息加载方法和装置 |
-
2016
- 2016-09-12 CN CN201610819791.XA patent/CN107818101A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102255879A (zh) * | 2011-01-14 | 2011-11-23 | 北京开心人信息技术有限公司 | 一种实现用户未完成的输入内容本地缓存的方法及系统 |
CN102184184A (zh) * | 2011-04-07 | 2011-09-14 | 安徽博约信息科技有限责任公司 | 一种网页动态信息获取方法 |
CN103488665A (zh) * | 2013-05-24 | 2014-01-01 | 赵冰 | 一种提取html页面选定区域内容的方法 |
CN103399693A (zh) * | 2013-07-08 | 2013-11-20 | 北京华胜天成科技股份有限公司 | 单页面整体刷新后菜单重新定位方法及系统 |
CN104866489A (zh) * | 2014-02-24 | 2015-08-26 | 赵冰 | 一个将网站选定内容提取、存储并发布的系统 |
CN105335404A (zh) * | 2014-07-29 | 2016-02-17 | 北京奇虎科技有限公司 | 页面信息加载方法和装置 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108769211A (zh) * | 2018-05-31 | 2018-11-06 | 康键信息技术(深圳)有限公司 | 客户端设备、网页的路由方法和计算机可读存储介质 |
CN108769211B (zh) * | 2018-05-31 | 2022-04-12 | 康键信息技术(深圳)有限公司 | 客户端设备、网页的路由方法和计算机可读存储介质 |
CN109462632A (zh) * | 2018-09-07 | 2019-03-12 | 平安科技(深圳)有限公司 | 页面跳转方法、装置、计算机设备及计算机可读存储介质 |
CN109358794A (zh) * | 2018-10-10 | 2019-02-19 | 平安普惠企业管理有限公司 | Web应用程序页面刷新方法、装置、计算机设备及存储介质 |
CN110018867A (zh) * | 2018-11-12 | 2019-07-16 | 阿里巴巴集团控股有限公司 | 用于页面交互的方法和装置 |
CN110196954A (zh) * | 2019-06-14 | 2019-09-03 | 深圳市珍爱捷云信息技术有限公司 | 网页回退处理方法、装置、计算机设备和存储介质 |
WO2023169215A1 (zh) * | 2022-03-10 | 2023-09-14 | 京东方科技集团股份有限公司 | 页面显示方法、装置、存储介质及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107818101A (zh) | 页面跳转的方法及其装置 | |
US10911554B2 (en) | Method and system for tracking web link usage | |
CN106886570B (zh) | 页面处理方法及装置 | |
KR101390228B1 (ko) | 채팅 영역에 이미지를 표시하는 디바이스 및 방법, 그리고 채팅 데이터를 관리하는 서버 | |
US9363634B1 (en) | Providing context-relevant information to users | |
US9250765B2 (en) | Changing icons for a web page | |
US8949858B2 (en) | Augmenting user interface elements with information | |
US20120159381A1 (en) | User interface for presenting media items of social networking service in media reel | |
KR102046582B1 (ko) | 호 기록을 제공하기 위한 방법 및 장치 | |
US9723143B2 (en) | Methods and systems for automated business dialing | |
CN108416011A (zh) | 一种页面处理方法、装置、终端及计算机可读存储介质 | |
KR100473670B1 (ko) | 웹 페이지 렌더링 방법 및 이를 구현하는 클라이언트 컴퓨터 | |
CN104423991A (zh) | 在移动终端加载网页、提供网页数据的方法及装置 | |
KR20140052933A (ko) | 키워드에 기초하여 랜딩 페이지에 전화 번호를 디스플레이 하는 방법 | |
US20150254222A1 (en) | Method and apparatus for cobrowsing | |
CN110178116A (zh) | 辅助截屏 | |
US11790024B2 (en) | Content presentation | |
US11113455B2 (en) | Web page rendering on wireless devices | |
CN107609003B (zh) | 一种乡村旅游推荐信息可视化方法及装置 | |
CN113946271A (zh) | 显示控制方法、装置、电子设备和存储介质 | |
CN107391534B (zh) | 页面显示、页面文件返回方法及装置、计算机存储介质 | |
JP7206370B2 (ja) | 動的キーボードインターフェース内にアニメーション画像を配置するための方法およびシステム | |
CN109753612B (zh) | 问卷显示的控制方法、装置、存储介质和电子设备 | |
US20050198568A1 (en) | Table display switching method, text data conversion program, and tag program | |
US20150186343A1 (en) | Method and system for providing content segments of an interactive media experience as webpages |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180320 |
|
RJ01 | Rejection of invention patent application after publication |