一种网页展示方法、操作事件记录方法及装置制造方法及图纸

本申请公开了一种网页展示方法，用以解决现有技术中网页在被刷新后，恢复刷新前的状态时便利性较低的问题。该方法包括：接收针对网页的展示指令；根据所述展示指令中包含的所述网页的标识，确定与所述网页对应的存储空间；在所述存储空间中，提取存储的所述网页对应的历史操作事件；根据提取出的历史操作事件，将所述网页展示为触发所述历史操作事件后的状态。本申请还公开了一种网页展示装置、操作事件记录方法及装置。件记录方法及装置。件记录方法及装置。

【技术实现步骤摘要】
一种网页展示方法、操作事件记录方法及装置


[0001]本申请涉及计算机
，尤其涉及一种网页展示方法、操作事件记录方法及装置。

技术介绍

[0002]随着互联网技术的发展，网站极大地方便了人们的生活，在web2.0时代，网站已经不仅仅局限于单方面向用户展示信息，同时还可以与用户进行各种交互。
[0003]在网站与用户进行交互时，网站可以通过设置在界面上的控件，接收用户的操作指令，然后触发相应的操作事件。比如，用户可以通过对网站树形菜单中各节点的控件进行操作，网站在接收到该操作后，便可以实现菜单的展开或收起；网站可以提供表单服务，在用户将数据输入到表单中，然后点击提交后，便可以将输入的数据提交至服务器。
[0004]网站页面在接收到用户操作后，所展示的界面的状态，往往会不同于页面刚加载完的初始状态。如果用户在当前网页中执行了大量的操作后，由于某些意外原因导致当前页面被刷新，那么该网页便会初始化为初始状态，用户之前各种操作后的状态都不会存在，那么用户需要重新再执行一遍刷新前的操作，才能将网页的状态变为刷新前的状态。
[0005]尤其对于单页面应用而言，其可在单个页面中与用户进行多种交互，如果单页面应用被意外刷新后，之前用户在该页面执行的所有操作都将失效。即现有技术中，在页面被意外刷新后，需要用户重新执行被刷新前的操作，以便将网页的状态变为刷新前的状态，便利性较低。

技术实现思路

[0006]本申请实施例提供一种网页展示方法，用以解决现有技术中网页在被刷新后，恢复刷新前的状态时便利性较低的问题。
[0007]本申请实施例还提供一种网页展示装置，用以解决现有技术中网页在被刷新后，恢复刷新前的状态时便利性较低的问题。
[0008]本申请实施例还提供一种操作事件记录方法，用以解决现有技术中网页在被刷新后，恢复刷新前的状态时便利性较低的问题。
[0009]本申请实施例还提供一种操作事件记录装置，用以解决现有技术中网页在被刷新后，恢复刷新前的状态时便利性较低的问题。
[0010]本申请实施例采用下述技术方案：
[0011]一种网页展示方法，包括：
[0012]接收针对网页的展示指令；
[0013]根据所述展示指令中包含的所述网页的标识，确定与所述网页对应的存储空间；
[0014]在所述存储空间中，提取存储的所述网页对应的历史操作事件；
[0015]根据提取出的历史操作事件，将所述网页展示为触发所述历史操作事件后的状态。
[0016]一种操作事件记录方法，包括：
[0017]监听网页中触发的操作事件；
[0018]当监听到操作事件时，根据所述网页的标识，确定与所述网页的标识对应的存储空间；
[0019]将监听到的操作事件作为历史操作事件记录到所述存储空间中，以便在接收到针对所述网页的展示指令后，根据所述历史操作事件，将所述网页展示为触发了所述历史操作事件后的状态。
[0020]一种网页展示装置，包括：
[0021]接收模块，接收针对网页的展示指令；
[0022]第一确定模块，根据所述展示指令中包含的所述网页的标识，确定与所述网页对应的存储空间；
[0023]提取模块，在所述存储空间中，提取存储的所述网页对应的历史操作事件；
[0024]展示模块，根据提取出的历史操作事件，将所述网页展示为触发所述历史操作事件后的状态。
[0025]一种操作事件记录装置，包括：
[0026]监听模块，监听网页中触发的操作事件；
[0027]第二确定模块，当监听到操作事件时，根据所述网页的标识，确定与所述网页的标识对应的存储空间；
[0028]记录模块，将监听到的操作事件作为历史操作事件记录到所述存储空间中，以便在接收到针对所述网页的展示指令后，根据所述历史操作事件，将所述网页展示为触发了所述历史操作事件后的状态。
[0029]本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：
[0030]通过监听网页中触发的操作事件，并将监听到的操作事件记录到存储空间中，那么在网页重新加载时，便可以将存储空间中存储的历史操作事件重新在当前网页中触发，即可恢复网页重新加载前的状态。解决了现有技术中，网页在被刷新后，恢复刷新前的状态时便利性较低的问题。
附图说明
[0031]此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
[0032]图1为本申请实施例提供的一种网页展示方法的具体流程示意图；
[0033]图2为本申请实施例提供的一种操作事件记录方法的具体流程示意图；
[0034]图3为本申请实施例提供的一种网页展示装置的结构示意图；
[0035]图4为本申请实施例提供的一种操作事件记录装置的结构示意图。
具体实施方式
[0036]为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做
出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0037]以下结合附图，详细说明本申请各实施例提供的技术方案。
[0038]为解决现有技术中网页在被意外刷新后，恢复刷新前的状态便利性较低的问题，本申请实施例提供一种网页展示方法。本申请实施例提供的网页展示方法的执行主体可以是终端设备，例如，个人计算机、智能手机、平板电脑，等等。此外，该方法的执行主体还可以是网页展示应用，例如，浏览器等等。此外，该方法的执行主体还可以是网页本身。
[0039]为便于描述，下文以该方法的执行主体为浏览器为例，对该方法的实施方式进行介绍。可以理解，该方法的执行主体为浏览器只是一种示例性的说明，并不应理解为对该方法的限定。
[0040]在浏览器接收到针对某个网页的展示指令后，将会根据该展示指令中包含的网页的统一资源定位符(Uniform Resource Locator，URL)，从网站服务器中获取该网页的数据，网页的数据包括从网站前端服务器获取的网页展示框架，以及从网站后端服务器获取的业务数据。浏览器对获取到的这些数据进行解析渲染，最后将网页呈现给用户，在用户未对浏览器呈现的网页进行操作前，网页的状态即为网页的初始状态。
[0041]在浏览器将网页的初始状态进行展示后，用户便可以在网页中通过各种操作，来使用该网页提供的各种功能。如
技术介绍
中所描述的，在单个网页实现的功能越来越多的同时，在页面被意外刷新时，单页面的便利性较低的问题也越来越凸显。尤其是用户在页面被意外刷新前，在该页面中执行了大量操作而言。
[0042]为了解决该问题，本申请通过记录网页中被用户的操作触发的操作事件，那么在该页面意外被本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页展示方法，其特征在于，包括：接收针对网页的展示指令；根据所述展示指令中包含的所述网页的标识，确定与所述网页对应的存储空间；在所述存储空间中，提取存储的所述网页对应的历史操作事件；根据提取出的历史操作事件，将所述网页状态展示为触发所述历史操作事件后的状态，具体包括：执行与所述提取出的历史操作事件对应的操作。2.如权利要求1所述的方法，其特征在于，所述历史操作事件为所述网页中被用户的操作触发的，对所述网页的最终状态产生影响的操作事件。3.如权利要求1所述方法，其特征在于，所述存储空间包括下述至少一种：第五版超文本标记语言HTML5的本地存储空间localstorage；HTML5的会话存储空间sessionstorage。4.如权利要求3所述方法，其特征在于，提取存储的所述网页对应的历史操作事件，具体包括：以所述网页的标识为键，从HTML5的localstorage和/或sessionstorage中，提取与所述标识对应的值，作为提取的历史操作事件。5.如权利要求1所述的方法，其特征在于，所述执行与所述提取出的历史操作事件对应的操作，具体包括：对于针对表单的历史操作事件，获取所述历史操作事件中记录的所述表单的值和所述表单的标识，在所述网页中确定与所述表单的标识对应的表单，并在确定的表单中填入所述值；对于针对其它元素的历史操作事件，获取所述历史操作事件中记录的操作方式和文档对象模型DOM节点的位置，在所述网页中的所述位置上，执行与所述操作方式对应的操作。6.一种操作事件记录方法，其特征在于，包括：监听网页中触发的操作事件；当监听到操作事件时，根据所述网页的标识，确定与所述网页的标识对应的存储空间；将监听到的操作事件作为历史操作事件记录到所述存储空间中，以便在接收到针对所述网页的展示指令后，根据所述历史操作事件，执行与所述提取出的历史操作事件对应的操作，从而将所述网页状态还原，展示为触发了所述历史操作事件后的状态。7.如权利要求6所述方法，其特征在于，在监听网页中触发的操作事件之前，所述方法还包括：在网页对应的文档对象模型DOM树的根节点上绑定事件处理函数；监听网页中触发的操作事件，具体包括：通过所述事件处理函数，监听所述网页中触发的操作事件。8.如权利要求6所述方法，其特征在于，将监听到的操作事件作为历史操作事件记录到所述存储空间中，具体包括：将所述网页的标识作为键，将监听到的各个操作事件的数据进行组合作为值，记录到所述存储空间中。9.如权利要求6所述方法，其特征在于，将监听到的操作事件作为历史操作事件记录到所述存储空间中，具体包括：
当监听到的操作事件是针对表单的操作事件时，将所述网页的标识、所述表单的值和所述表单的标识，保存到所述存储空间中；当监听到的操作事件是针对其它元素的操作事件时，将所述网页的标识、监听到的操作事件的操作方式和该操作事件对应的DOM节点的位置，记录到所述存储空间中。10.如权利要求6所述方法，其特征在于，所述存储空间包括：第五版超文本标记语言H...

【专利技术属性】
技术研发人员：唐帅佶，
申请(专利权)人：创新先进技术有限公司，
类型：发明
国别省市：