CN107391725A - 一种记录移动终端浏览网页位置的方法及系统 - Google Patents

Abstract

本发明的记录移动终端浏览网页位置的方法，包括以下步骤：客户端清空信息列表页面相关的cookie值；客户端对数据列表进行数据操作，客户端通过页面js设置相应的cookie值；客户端从信息详情页面或其他页面按返回键重新进入数据列表页面，客户端获取浏览器的cookie值，根据浏览器的cookie值进行对应的数据请求；服务器端返回数据列表数据，页面展示后再由js获取客户端操作时设置的相应cookie值，设置滚动高度，判断展示页面的地址url与所述相应的cookie值中的记录的地址url是否相同。可直接定位到之前离开数据列表时的位置，减少用户重复浏览相同的内容，节约用户的时间，提高用户体验满意度。

Description

一种记录移动终端浏览网页位置的方法及系统

技术领域

本发明涉及计算机技术领域，具体涉及一种记录移动终端浏览网页位置的方法及系统。

背景技术

随着移动智能设备的发展，大量的商城、展示类应用也在移动端流行起来，伴随而来问题则是用户体验方面的缺失，大部分商城商品列表或展示列表采用异步ajax的数据加载模式来展示该列表，当加载很多数据时，离开该列表页面(查看商品详情或浏览详细页面时)并返回列表页，列表页展示内容则被定位至页面顶部展示的也是第一页的商品列表内容，而不能定位至离开位置，如果想重新查看更多其他内容，则需要重新执行上拉加载数据的操作，重复浏览曾经浏览过的内容，达到上一次浏览的位置，用户要多花时间来浏览不感兴趣的页面，这种方式降低了用户体验。Cookie，有时也用其复数形式Cookies，指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据(通常经过加密)，页面js(javascript)实现页面跳转。

发明内容

针对现有技术中的缺陷，本发明提供一种记录移动终端浏览网页位置的方法，移动终端在浏览网页时，当前页面加载很多数据时，离开数据列表后再重新返回数据列表可直接定位到离开时的位置，提高用户体验满意度。

第一方面，本发明提供的一种记录移动终端浏览网页位置的方法，具体包括以下步骤：客户端清空信息列表页面相关的cookie值；客户端对数据列表进行数据操作，客户端通过页面js设置相应的cookie值；客户端从信息详情页面或其他页面按返回键重新进入所述数据列表页面，客户端获取浏览器的cookie值，根据浏览器的cookie值进行对应的数据请求；服务器端返回数据列表数据，页面展示后再由js获取客户端操作时设置的相应cookie值，设置滚动高度；判断展示页面的地址url与所述相应的cookie值中的记录的地址url是否相同，如果相同，则进行位置设置；如果不同，则返回最初始的数据，并删除相应的cookie值。通过比较cookie中记录的页面地址url与该页面地址url是否相同，可以避免列表页的相互干扰，提高对需要记录位置的数据列表页面判断的准确性。。

可选地，所述步骤还包括所述将浏览器的数据列表的请求头中的Cache-control设置为no-cache，强制浏览器与服务器进行数据交互。

可选地，所述信息详情页面或其他页面不进行cookie操作。

可选地，所述数据操作包括分类查找、筛选查找、加载次数、当前页面地址、滚动高度中的一种或多种。

可选地，所述相应的cookie值包括分类信息、筛选信息、加载次数信息、当前页面地址信息、滚动高度信息中的一种或多种。

第二方面，本发明提供的记录移动终端浏览网页位置的系统，包括客户端和服务器端，客户端向服务器发送数据请求和接收服务器发送的数据，清空信息列表页面相关的cookie值，对数据列表的数据进行操作，通过页面js设置相应的cookie值，从信息详情页面或其他页面按返回键重新进入所述数据列表页面，获取浏览器的cookie值，根据浏览器的cookie值进行对应的数据请求，所述服务器端返回数据列表数据，页面展示后再由js获取客户端操作时设置的相应cookie值，判断展示页面的地址url与所述相应的cookie值中记录的url是否相同，如果相同，则进行位置设置；如果不同，则返回最初始的数据，并删除相应的cookie值。

可选地，所述服务器包括信息获取模块，用于获取客户端的数据请求信息；初始化模块，用于根据客户端按返回键重新进入所述数据列表页面，获取浏览器的cookie值，根据所述cookie值进行数据初始化；信息展示模块，用于向客户端展示数据；url判断模块，用于判断展示页面的地址url与所述相应的cookie值中记录的地址url是否相同。

可选地，还包括数据列表的请求头定义模块，用于将浏览器的数据列表的请求头中的Cache-control设置为no-cache，强制浏览器与服务器进行数据交互。

可选地，所述数据操作包括分类查找、筛选查找、加载次数、当前页面地址、滚动高度中的一种或多种。

可选地，所述相应的cookie值包括分类信息、筛选信息、加载次数信息、当前页面地址信息、滚动高度信息中的一种或多种。

本发明的有益效果：

本发明的记录移动终端浏览网页位置的方法，通过在cookie中设置滚动高度，便于在从其他页面返回到数据列表时，可直接定位到之前离开数据列表时的位置，可减少用户重复浏览相同的内容，节约用户的时间，提高用户体验满意度。

本发明的记录移动终端浏览网页位置的系统，通过在cookie中设置滚动高度，便于在从其他页面返回到数据列表时，可直接定位到之前离开数据列表时的位置，可减少用户重复浏览相同的内容，节约用户的时间，提高用户体验满意度。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍。在所有附图中，类似的元件或部分一般由类似的附图标记标识。附图中，各元件或部分并不一定按照实际的比例绘制。

图1示出了本发明一实施例的流程图；

图2示出了本发明另一实施例的原理框图。

具体实施方式

下面将结合附图对本发明技术方案的实施例进行详细的描述。以下实施例仅用于更加清楚地说明本发明的技术方案，因此只是作为示例，而不能以此来限制本发明的保护范围。

需要注意的是，除非另有说明，本申请使用的技术术语或者科学术语应当为本发明所属领域技术人员所理解的通常意义。

图1所示，本发明的一实施例所提供的一种记录移动终端浏览网页位置的方法，具体包括以下步骤：S1.客户端清空信息列表页面记录相关的cookie值；S2.客户端对数据列表进行的数据操作，客户端通过页面js设置相应的cookie值；S3.客户端从信息详情页面或其他页面按返回键重新进入所述数据列表页面，客户端获取浏览器的cookie值，根据浏览器的cookie值进行对应的数据请求；S4.服务器端返回数据列表数据，页面展示后再由js获取客户端操作时设置的相应cookie值，设置滚动高度，判断展示页面的地址url与所述相应的cookie值中记录的地址url是否相同，如果相同，则进行位置设置；如果不同，则返回最初始的数据，并删除相应的cookie值。服务器通过比较cookie中记录的页面地址url与该页面地址url是否相同，可以避免列表页的相互干扰，提高对需要记录位置的数据列表页面判断的准确性。如果相同，将浏览器的数据列表的请求头中的Cache-control设置为no-cache，强制浏览器与服务器进行数据交互。用户使用浏览器场景(微信内置浏览器，手机原生浏览器，下载应用的其他浏览器)，而这些浏览器在不同操作系统中行为也不尽一致。当用户操作浏览器返回键时，部分浏览器则强行使用浏览器缓存进行页面数据渲染，从而导致部分客户端数据，展示行为错误，或者直接导致浏览页面JS失效等异常行为出现，为了克服这种缺陷，将数据列表的请求头中的Cache-control被设置为no-cache，当客户端进入数据列表页面时，禁止浏览器使用缓存对该类页面进行展示，强制与服务器进行数据交互，以保证服务器能正确的为客户端进行数据更新加载，起到保证准确定位到离开时的网页位置。本发明通过在cookie中设置滚动高度，便于在从其他页面返回到数据列表时，可直接定位到之前离开数据列表时的位置，可减少用户重复浏览相同的内容，节约用户的时间，提高用户体验满意度。信息列表页面包括数据列表页面、非数据列表页面、信息详情页面等。

在信息详情页面或其他页面不进行cookie操作。数据操作包括分类查找、筛选查找、加载次数、当前页面地址、滚动高度中的一种或多种。所述相应的cookie值包括分类信息、筛选信息、加载次数信息、当前页面地址信息、滚动高度信息中的一种或多种。

例如，本实施例的一个应用场景：内购网，服务器删除非数据列表页、数据详情页及其他页面的cookie信息。当用户初次进入数据列表页时，服务器返回初始化数据列表并展示，当用户操作分类、筛选、或者上拉加载更多数据时，由客户端页面js根据用户操作设置相应的cookie值，cookie包括分类信息、滚动高度、加载次数、当前页面地址、筛选信息等，为用户再次进入该数据列表进行准备。当用户通过返回按键从信息详情页面或者其他页面返回进入数据列表时，服务器端通过cookie中记录的地址url与当前页面地址url进行比对，如果相同则表示用户进行了返回操作并需要根据记录的信息进行记录位置操作。

服务器端判断cookie中记录的页面地址url与当前页面地址url相同，服务器获取cookie中记录的信息，根据用户曾经操作加载次数、点击的分类，一次性准备列表数据返回值客户端页面进行展示，在页面加载成功后，客户端获取cookie中滚动高度值，将页面的滚动高度设置与cookie中获取的滚动高度值相同，才能返回到网页的记录位置。当用户在该页面继续操作时，如点击切换分类，则重新向服务器发起请求获取不同分类的列表数据，并做cookie的数据更新，如继续执行上拉加载数据，则会根据cookie中设置的加载次数值进行累加向服务器获取新的列表数据并展示在该页面中。

服务器端判断cookie中记录的页面地址url与当前页面地址url不同，地址不同则表示进入的列表不一致，服务器和客户端则会删除cookie中记录的信息，以保证cookie中的值准确，并展示数据列表内容，等待用户操作。

在实际应用场景中，数据列表可能不止一个，当用户从一个列表，通过访问链接或者其他操作直接进入另一个信息列表中，服务器不需要记录位置的操作，但因为在前一页列表用户有操作行为，必然会在cookie中记录一些相关信息，此时不能直接通过这些数据来判断是否需要记录位置的操作，所以每当用户进入一个信息列表时，都应判断当前页面地址和cookie中记录的页面地址url是否一致，如果不一致，则表示用户可能访问的是两个不同的信息列表。信息详情页：当用户从数据列表页进入信息详情页后，该页面需要执行返回操作，所以在该类页面不操作cookie，以确保cookie中的数据完整，当返回数据列表页时才能保证数据一致，记录位置功能完整实现。

如图2所示，本发明提供的另一实施例，记录移动终端浏览网页位置的系统，包括客户端1和服务器端2，服务器端包括信息获取模块21，用于获取客户端的数据请求信息；初始化模块22，用于根据客户端按返回键重新进入所述数据列表页面，获取浏览器的cookie值，根据所述cookie值进行数据初始化；信息展示模块23，用于向客户端展示数据；url判断模块24，用于判断展示页面的地址url与所述cookie值中的记录的地址url是否相同；数据列表的请求头定义模块25，用于将浏览器的数据列表的请求头中的Cache-control设置为no-cache，强制浏览器与服务器进行数据交互。服务器通过比较cookie中记录的地址url与该页面地址url是否相同，可以避免列表页的相互干扰，提高对需要记录位置的数据列表页面判断的准确性。所述数据操作包括分类查找、筛选查找、加载次数、当前页面地址、滚动高度中的一种或多种。相应的cookie值包括分类信息、筛选信息、加载次数信息、当前页面地址信息、滚动高度信息中的一种或多种。

通过在cookie中设置滚动高度，便于在从其他页面返回到数据列表时，可直接定位到之前离开数据列表时的位置，可减少用户重复浏览相同的内容，节约用户的时间，提高用户体验满意度。

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围，其均应涵盖在本发明的权利要求和说明书的范围当中。

Claims (10)

1.一种记录移动终端浏览网页位置的方法，其特征在于：具体包括以下步骤：客户端清空信息列表页面相关的cookie值；客户端对数据列表进行数据操作，客户端通过页面js设置相应的cookie值；客户端从信息详情页面或其他页面按返回键重新进入所述数据列表页面，客户端获取浏览器的cookie值，根据浏览器的cookie值进行对应的数据请求；服务器端返回数据列表数据，页面展示后再由js获取客户端操作时设置的相应cookie值，设置滚动高度，判断展示页面的地址url与所述相应的cookie值中的记录的地址url是否相同，如果相同，则进行位置设置；如果不同，则返回最初始的数据，并删除相应的cookie值。

2.如权利要求1所述的记录移动终端浏览网页位置的方法，其特征在于：所述步骤还包括所述将浏览器的数据列表的请求头中的Cache-control设置为no-cache，强制浏览器与服务器进行数据交互。

3.如权利要求1所述的记录移动终端浏览网页位置的方法，其特征在于：所述信息详情页面或其他页面不进行cookie操作。

4.如权利要求1所述的记录移动终端浏览网页位置的方法，其特征在于：所述数据操作包括分类查找、筛选查找、加载次数、当前页面地址、滚动高度中的一种或多种。

5.如权利要求4所述的记录移动终端浏览网页位置的方法，其特征在于：所述相应的cookie值包括分类信息、筛选信息、加载次数信息、当前页面地址信息、滚动高度信息中的一种或多种。

6.一种记录移动终端浏览网页位置的系统，其特征在于：包括客户端和服务器端，客户端向服务器发送数据请求和接收服务器发送的数据，清空信息列表页面相关的cookie值，对数据列表的数据进行操作，通过页面js设置相应的cookie值，从信息详情页面或其他页面按返回键重新进入所述数据列表页面，获取浏览器的cookie值，根据浏览器的cookie值进行对应的数据请求，所述服务器端返回数据列表数据，页面展示后再由js获取客户端操作时设置的相应cookie值，判断展示页面的地址url与所述相应的cookie值中的记录url是否相同，如果相同，则进行位置设置；如果不同，则返回最初始的数据，并删除相应的cookie值。

7.如权利要求6所述的记录移动终端浏览网页位置的系统，其特征在于：所述服务器包括信息获取模块，用于获取客户端的数据请求信息；初始化模块，用于根据客户端按返回键重新进入所述数据列表页面，获取浏览器的cookie值，根据所述cookie值进行数据初始化；信息展示模块，用于向客户端展示数据；url判断模块，用于判断展示页面的地址url与所述相应的cookie值中的记录的地址url是否相同。

8.如权利要求7所述的记录移动终端浏览网页位置的系统，其特征在于：还包括数据列表的请求头定义模块，用于将浏览器的数据列表的请求头中的Cache-control设置为no-cache，强制浏览器与服务器进行数据交互。

9.如权利要求6所述的记录移动终端浏览网页位置的系统，其特征在于：所述数据操作包括分类查找、筛选查找、加载次数、当前页面地址、滚动高度中的一种或多种。

10.如权利要求9所述的记录移动终端浏览网页位置的系统，其特征在于：所述相应的cookie值包括分类信息、筛选信息、加载次数信息、当前页面地址信息、滚动高度信息中的一种或多种。