单页应用中浏览记录的管理方法及装置制造方法及图纸

技术编号:13228877 阅读:59 留言:0更新日期:2016-05-13 11:53
本发明专利技术揭示了一种单页应用中浏览记录的管理方法及装置,所述方法包括:在单页应用中,每载入一个页面,即在历史状态中存入一与所述页面对应的值,以作为所述页面的唯一标识;将多个页面对应的多个值按照所述多个页面的载入顺序形成数组;当在所述单页应用中发生浏览器行为时,根据跳转页面对应的值与所述数组的关系,确认所述跳转页面在所述单页应用中的页面属性。本发明专利技术在使用了浏览器行为后,单页应用中仍能获取浏览记录,以判断执行浏览器行为后的跳转页面的页面属性,提高了用户体验。

【技术实现步骤摘要】

本专利技术涉及一种单页应用中浏览记录的管理方法及装置,尤其是涉及一种对浏览器单页应用中浏览记录的管理方法及装置。
技术介绍
单页应用是指页面在不刷新的情况下,由一个页面来控制所有子页面的展现形式(只修改urI上的hash值)。浏览器从安全角度考虑,不允许页面获取用户的浏览记录;但是在单页系统应用中,是不存在安全问题的。然而,现有技术中,一旦用户使用了浏览器行为,单页应用所存储的数据都会丢失,页面根本无法检测当前页面是通过后退、前进、跳转,或者是直接输入url获得的。即单页应用给用户的感觉是:在这个页面里,禁止使用浏览器的行为。
技术实现思路
本专利技术的目的之一在于提供一种单页应用中浏览记录的管理方法及装置。为实现上述专利技术目的之一,本专利技术一实施方式提供了一种单页应用中浏览记录的管理方法,所述方法包括:在单页应用中,每载入一个页面,即在历史状态中存入一与所述页面对应的值,以作为所述页面的唯一标识;将多个页面对应的多个值按照所述多个页面的载入顺序形成数组;当在所述单页应用中发生浏览器行为时,根据跳转页面对应的值与所述数组的关系,确认所述跳转页面在所述单页应用中的页面属性。作为本专利技术一实施方式的进一步改进,『根据跳转页面对应的值与所述数组的关系,确认所述跳转页面在所述单页应用中的页面属性』具体包括:判断所述跳转页面对应的所述历史状态是否为空;若是,则表示所述跳转页面的页面属性为在所述单页应用中的新增页面,并在历史状态中存入一与所述跳转页面对应的值;若否,则根据所述跳转页面对应的值在所述数组中的位置,获得所述跳转页面在所述单页应用曾载入的多个页面中的对应位置。作为本专利技术一实施方式的进一步改进,所述方法还包括:若所述跳转页面的页面属性为新增页面,则将曾载入的多个页面对应的数组替换为截止至所述跳转页面的数组。作为本专利技术一实施方式的进一步改进,所述值为哈希值,所述哈希值中包括页面载入的时间信息,将所述页面对应的所述哈希值存入历史状态中。作为本专利技术一实施方式的进一步改进,将所述数组存入sess1nstorage。本专利技术一实施方式提供了一种单页应用中浏览记录的管理装置,所述装置包括标识模块、序列模块及处理模块,标识模块用于在单页应用中,每载入一个页面,即在历史状态中存入一与所述页面对应的值,以作为所述页面的唯一标识;序列模块用于将多个页面对应的多个值按照所述多个页面的载入顺序形成数组;处理模块用于当在所述单页应用中发生浏览器行为时,根据跳转页面对应的值与所述数组的关系,确认所述跳转页面在所述单页应用中的页面属性。作为本专利技术一实施方式的进一步改进,所述处理模块还用于:判断所述跳转页面对应的所述历史状态是否为空;若是,则表示所述跳转页面的页面属性为在所述单页应用中的新增页面,并在历史状态中存入一与所述跳转页面对应的值;若否,则根据所述跳转页面对应的值在所述数组中的位置,获得所述跳转页面在所述单页应用曾载入的多个页面中的对应位置。作为本专利技术一实施方式的进一步改进,所述处理模块还用于:若所述跳转页面的页面属性为新增页面,则将曾载入的多个页面对应的数组替换为截止至所述跳转页面的数组。作为本专利技术一实施方式的进一步改进,所述值为哈希值,所述哈希值中包括页面载入的时间信息,所述标识模块将所述页面对应的所述哈希值存入历史状态中。作为本专利技术一实施方式的进一步改进,所述序列模块将所述数组存入sess1nstorage。与现有技术相比,本专利技术的有益效果是:本专利技术在使用了浏览器行为后,单页应用中仍能获取浏览记录,以判断执行浏览器行为后的跳转页面的页面属性,提高了用户体验。【附图说明】图1是本专利技术一实施方式中单页应用中浏览记录的管理方法的流程图;图2是本专利技术一实施方式中浏览器示意图;图3是本专利技术一实施方式中曾载入的多个页面对应的数组示意图;图4是本专利技术一实施方式的一示例中载入跳转页面后的数组示意图;图5是本专利技术一实施方式的另一示例中载入跳转页面后的数组示意图;图6是是本专利技术一实施方式中单页应用中浏览记录的管理装置模块图。【具体实施方式】以下将结合附图所示的【具体实施方式】对本专利技术进行详细描述。但这些实施方式并不限制本专利技术,本领域的普通技术人员根据这些实施方式所做出的结构、方法、或功能上的变换均包含在本专利技术的保护范围内。如图1所示,在本专利技术一实施方式中,所述单页应用中浏览记录的管理方法包括:在单页应用中,每载入一个页面,即在所述单页应用对应的历史状态中存入一与所述页面对应的值,以作为所述页面的唯一标识;单页应用是指页面在不刷新的情况下,由一个页面来控制所有子页面的展现形式(只修改url上的hash值)。如图2所示,单页应用20是在浏览器10中打开的一个应用,例如在百度浏览器中打开一个搜索天气的页面,此时浏览器10即为百度浏览器,单页应用20即为搜索天气页面,单页应用20只修改地址栏104中url的hash值,即是修改地址栏104中“http: "www.baidu.com/,,后面的值。通常情况,单页应用20可自行实施单页应用行为,例如页面的前进、后退等,单页应用20的单页应用行为可通过点击页面显示按钮201实现,当然,在一个例子中,若显示设备为触摸屏,则还可通过滑动单页应用20中的页面实现。单页应用20中可记录用户在此单页应用20中的浏览记录,以便提高用户对单页应用行为的体验;同时,浏览器10还可实施浏览器行为对单页应用20的页面的控制,如图2所示,浏览器行为包括页面的前进102、后退101、刷新103、手动在地址栏104输入url打开新页面及通过标签105打开新页面等,实际上,无论执行何种浏览器行为,对于浏览器而言,都是通过刷新url进行的,如此,在传统技术中,当浏览器10对单页应用20实施浏览器行为后,单页应用20的浏览记录就会丢失。在本实施方式中,所述方法还包括:将多个页面对应的多个值按照所述多个页面的载入顺序形成数组;该数组即可代表在单页应用中的浏览记录。其中,所述单页应用中浏览记录的管理方法是基于超文本标记语言中的HTML5技术,HTML5 的规范里提供了新的 API:history.replacestatenhistory, pushstate、window.0npopstate等,其可以存入任意信息到历史状态(history, state)里。所述单页应用中载入的页面对应的值为哈希值,所述哈希值中包含页面载入的时间信息,可以作为所述哈希值对应的页面的唯一标识。在本实施方式中,所述哈希值的组成形式可以为hash+’ #,+new Date ().getTime (),例如,在所述单页应用中加载的第一页所对应的哈希值为 pagel#1410141378334。将所述哈希值通过history, replacestate接口存入历史状态(history,当前第1页1 2 3 4 本文档来自技高网...

【技术保护点】
一种单页应用中浏览记录的管理方法,其特征在于,所述方法包括:在单页应用中,每载入一个页面,即在历史状态中存入一与所述页面对应的值,以作为所述页面的唯一标识;将多个页面对应的多个值按照所述多个页面的载入顺序形成数组;当在所述单页应用中发生浏览器行为时,根据跳转页面对应的值与所述数组的关系,确认所述跳转页面在所述单页应用中的页面属性。

【技术特征摘要】

【专利技术属性】
技术研发人员:方凯
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1