CN105335404B - 页面信息加载方法和装置 - Google Patents

Abstract

本发明公开了一种页面信息加载方法和装置，其中，方法包括：页面加载时，在本地存储中查找与页面输入元素对应的输入信息；将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；页面加载完成后，监听页面离开事件；根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。根据该方案，重新加载信息输入页面时，自动加载输入内容，避免了用户的重复操作，节省了时间，并且输入内容的填写在本地完成，不需要和服务器交互。

Description

页面信息加载方法和装置

技术领域

本发明涉及互联网技术领域，具体涉及一种页面信息加载方法和装置。

背景技术

用户浏览网页时，经常需要在网页中输入内容，例如，在搜索页面输入搜索词，论坛发帖、回复以及网站的注册、登录等。在输入内容的过程中，页面可能发生跳转，页面跳转可能由于用户失误，点击了页面中的链接，也可能是用户的有意行为，例如，注册完毕后点击提交按钮，页面重定向至注册信息页面。

在用户误点击导致页面跳转，或者用户注册信息填写错误导致注册失败时，用户通常需要返回上一页面，例如，通过点击浏览器上的后退按钮或重新输入上一页面的URL等方式返回。这时，页面中的动态表单中的输入内容丢失，用户需要重新输入，如果输入内容复杂，对于用户来说，是繁琐耗时的。

在一些页面中，例如，一些登录页面，可能使用cookie保存账户名，密码等，然而cookie容量很小，经常无法满足需求，并且每次都要和服务器交互。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面信息加载方法和装置。

根据本发明的一个方面，提供了一种页面信息加载方法，其包括：

页面加载时，在本地存储中查找与页面输入元素对应的输入信息；将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；页面加载完成后，监听页面离开事件；根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。

根据本发明的另一方面，提供了一种页面信息加载装置，其包括：查找模块，适于在页面加载时，在本地存储中查找与页面输入元素对应的输入信息；填写模块，适于将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；监听模块，适于在页面加载完成后，监听页面离开事件；扫描模块，适于根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。

根据本发明的页面信息加载方法和装置，在监听到页面离开时，扫描页面中的输入信息并将输入信息保存在本地存储中，重新加载页面时，将本地存储中与该页面对应的输入信息填写到页面中。根据该方案，重新加载信息输入页面时，页面自动完成输入内容的填写，避免了用户的重复操作，节省了用户时间，并且输入内容的填写在本地完成，不需要和服务器交互，更加节省网络资源。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的数据予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的页面信息加载方法的流程图；

图2示出了根据本发明另一个实施例的页面信息加载方法的流程图；

图3示出了根据本发明一个实施例的页面信息加载装置的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了根据本发明一个实施例的页面信息加载方法的流程图，如图1所示，该方法包括如下步骤：

步骤S110，页面加载时，在本地存储中查找与页面输入元素对应的输入信息。

页面中的输入元素包括页面表单元素，例如，搜索框中输入的关键词，注册页面中填写的注册信息等，还包括用户对单选框，复选框，下拉列表等的表单元素的选择状态。

填入页面中的本地存储中的页面输入信息，是在上一次用户访问该页面时，填写的输入信息。

具体的查找规则根据输入信息的存储方式而定，例如，在本发明一个实施例中，根据页面ID等页面特征以及表单元素名称等特征等将输入信息存储为键值对，则查找规则为：在本地存储中查找与页面ID及表单元素ID匹配的一个或多个键值对。

本地存储可以为HTML5提供的LocalStorage(本地存储)，indexdb(本地数据库)等持久化存储方式。此外，还有一些非持久化的本地存储，例如SessionStorage(会话级本地存储)，只能应用于用户没有关闭浏览器或标签页的情况，会话结束后，数据即被销毁，可根据需要进行选择。

步骤S120，将查找到的与页面输入元素对应的输入信息填写到页面输入元素中。

查找到与页面ID匹配的字段后，根据输入元素名称，自动将输入信息填写到对应位置，这避免了用户的重复操作，节省了操作时间。

步骤S130，页面加载完成后，监听页面离开事件。

页面离开事件包括但不限于：关闭浏览器窗口，通过地址栏或收藏夹跳转至其他页面，点击浏览器上的返回，前进，主页按钮时的页面跳转，点击页面中的URL链接导致的页面跳转，以及触发提交按钮，如页面中的HTML标签<input type＝“submit”>等。

还包括：与页面跳转有关的Javascript函数被触发时导致的页面离开，例如，Javascript为Location.href重新赋值，导致浏览器标签页跳转；以及用户点击F5或浏览器刷新按钮后，页面调用Javascript刷新方法，如Location.replace，Location.reload等进行页面刷新。

步骤S140，根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。

可以选择扫描页面中全部的输入元素，或者扫描指定的输入元素，例如，排除验证码等发生变化的输入信息以及密码等个人信息；然后，根据页面特征和所述输入元素的特征为每个输入元素生成唯一的标识，与输入信息关联后保存在本地存储中；其中，页面特征可以是页面的URL，URI，页面ID等，输入元素特征包括输入元素的名称，属性等。具体地，可以将输入元素名称作为键值名，对应的输入信息作为键值。上述页面特征和输入元素特征可通过JavaScript等从页面标签中快捷地获取，并且保证了统一域名下大量站点及输入元素的准确区分。

根据本发明上述实施例提供的方法，页面加载时，在本地存储中查找与页面输入元素对应的输入信息；将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；页面加载完成后，监听页面离开事件；根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。根据该方案，重新加载信息输入页面时，自动加载输入内容，避免了用户的重复操作，节省了时间，并且输入内容的填写在本地完成，不需要和服务器交互，更节省资源。根据本发明中的输入信息存储方式，以页面特征和输入元素特征作为输入信息存储和查找的索引，对输入信息进行有序的存储，能够适用于大量页面，保证页面信息加载的准确性。

图2示出了根据本发明另一个实施例的页面信息加载方法的流程图，该方法以HTML5提供的LocalStorage本地存储为例，详细描述了实施过程。

如图2所示，方法包括如下步骤：

步骤S210，本次加载页面时，为页面中的页面离开事件绑定页面信息存储逻辑。

为便于更清楚地说明各步骤间的数据传递的过程，该实施例中以一次输入信息的扫描，存储，填写的时间顺序描述了本发明提供的方法的实施过程。

应该理解的是，本发明实施例中所说的本次加载页面和再次加载页面是相对的，是指页面再次加载时，从本地存储获取并填写到页面的输入信息是本次页面加载完成后，用户在页面各输入元素中输入的信息。

具体地，对于超链接的跳转事件，可对页面中的<a>标签绑定页面信息存储逻辑，对于页面刷新事件，对<meta>标签绑定页面信息存储逻辑，对于页面重定向事件，绑定按钮点击事件等。

上述的页面信息存储逻辑即为下文步骤S220-S270中描述的内容，页面信息存储逻辑可由Javascript等脚本语言实现。。

步骤S220，监听页面离开事件。

页面离开事件包括但不限于：关闭浏览器窗口，通过地址栏或收藏夹跳转至其他页面，点击浏览器上的返回，前进，主页按钮时的页面跳转，点击页面中的URL链接导致的页面跳转，以及触发提交按钮，如页面中的HTML标签<input type＝“submit”>等。

还包括：与页面跳转有关的Javascript函数被触发时导致的页面离开，例如，Javascript为Location.href重新赋值，导致浏览器标签页跳转；以及用户点击F5或浏览器刷新按钮后，页面调用Javascript刷新方法，如Location.replace，Location.reload等进行页面刷新。

步骤S230，获取页面的页面ID，扫描页面中的一个或多个表单元素。

表单元素是一种常见的输入元素，该步骤以表单元素为例，说明扫描过程。

在HTML5提供的LocalStorage本地存储中，为每个域名提供5M的独立存储空间，可以用通用资源标识符URI(Uniform Resource Identifier)作为页面ID来标识页面，URI是该页面的URL去掉网站域名后的剩余部分。

页面的ID用于在该页面所属域名的存储空间中确定与该页面对应的存储内容。当然，也可以使用页面的URL，页面标题等作为页面的标识，页面的URL和页面标题可从页面相应的标签中获取。

由于LocalStorage本地存储机制本身保证了不同域名具有不同的存储空间，则URL中的域名部分可以省略。因此，优选地，本发明中以页面的URI作为页面ID。

扫描页面中的一个或多个表单元素包括获取页面中指定表单元素对应的数据。具体地，可以设置一个规则来扫描，例如，指定一个标签集合，包括input，select，textarea等标签，其中input标签对应页面中的输入域，select标签对应于选择列表，textarea标签对应于文本域。然后通过getElementByTagName函数来返回带有指定类型的表单元素的数据。

或者，给页面中所有要扫描的表单元素添加一个类别属性Class＝“Scan”，使用getElementByClassName(Scan)方法获取所有属性为Scan的表单元素。

可选地，该步骤中还可以包括：在监听到页面离开事件时，获取页面离开事件的发生时刻作为第一时间戳。

步骤S240，为每个表单元素生成表单元素标识符。

表单元素标识符至少包含页面的页面ID和表单元素的名称。表单元素标识符可以是页面ID和表单元素名称的组合，例如，页面ID为a2，表单元素为两个文本域，名称分别为name，phonenumber等，则表单元素的标识符可以分别为a2.name，a2.phonenumber等。类似地，也可以采用页面URL，结合表单的其他属性生成表单元素标识符，表单元素标识符应能够在为该域名提供的存储空间中唯一地确定页面及表单元素。

步骤S250，将每个表单元素标识符与对应的表单元素的数据相关联地保存在本地存储中。

具体地，对于LocalStorage本地存储，将表单元素标识符与对应的表单元素的数据以键值对形式保存在本地存储中，其中，表单元素标识符作为键值名，表单元素的数据作为键值。表单元素名称和表单元素的数据可能包括文字，整数，浮点数等，LocalStorage中，通常以字符串形式保存信息，则在将表单元素的数据保存在本次存储之前，还包括将表单元素名称和表单元素数据中的非字符串的内容转化为字符串。

可选地，该步骤还包括：将步骤S230中获取的第一时间戳与页面ID等页面表示信息相关联保存在本地存储中。与表单元素的保存方式类似地，在LocalStorage中第一时间戳也以键值对的形式存储，例如，以页面的ID作为键值名，时间戳作为键值。

LocalStorage本地存储中包含多个存储子空间，每个存储子空间与网站域名绑定；则该步骤中将每个表单元素标识符与对应的表单元素的数据相关联地保存在本地存储中进一步包括：根据页面的URL确定页面对应的网站域名；将页面中的输入信息保存在与网站域名绑定的存储子空间中。页面只能访问所述域名对应的存储子空间，这保证了用户数据的安全性。

将表单元素标识符与对应的表单元素的数据相关联地保存在本地存储中时，本地存储中可能已保存有用户之前在该页面中输入的表单数据，则该步骤具体为：根据页面的URL获取URI，作为页面的ID，与表单元素名称组合，进一步得到表单元素标识符，在LocalStorage中找到键值名为该标识符的键值对，利用本次表单元素的数据对已有键值进行更新。例如，通过localStorage.setitem(key,value)方法对键值更新。

步骤S260，再次加载页面时，在本地存储中查找包含页面的页面ID的一个或多个表单元素标识符。

具体地，对应于步骤S230，该步骤可以包括：再次加载页面时，获取页面的ID，如页面URL、页面标题或URI等，例如，页面ID为a2，根据页面的URL等信息确定页面所述的域名，在与该域名绑定的存储子空间中查找键值名包含a2的键值对，例如，键值名为a2.name，a2.phonenumber的键值对。

可选地，在查找包含页面的页面ID的一个或多个表单元素标识符之前，该步骤还包括：获取再次加载页面的开始时刻作为第二时间戳；

从本地存储中读取第一时间戳，计算第一时间戳和第二时间戳的差值，将第一时间戳与第二时间戳的差值与预设的时间阈值进行比较。

通过第一时间戳，第二时间戳和预设的时间阈值为页面输入信息的自动填写设置一个过期时间。当第一时间戳和第二时间戳的差值小于预设的时间阈值时，执行后续输入信息填写的步骤；若差值超过预设的时间，则不执行信息填写。

这在一些情况下是有利的，例如，对于注册页面，用户在一段较长时间后重新打开该页面，其目的一般为重新注册新的账号，输入信息与上次不同，则本地存储中的页面输入信息不必填写。具体地，预设的时间阈值可根据页面类型设定，例如，对于搜索页面，输入变化频繁，则预设时间间隔较短，对于登录页面，输入单一，预设时间间隔较长。

步骤S270，按照每个表单元素标识符所包含的表单元素的名称，将每个表单元素标识符对应的表单元素的数据填写到与表单元素的名称相匹配的页面的表单元素中。

具体地，该步骤可以为：根据步骤S260中查找到的表单元素标识符，获得标识符中的表单名称，例如，对于表单元素标识符a2.name，其表单元素名称为name；在页面中查找名称为name的表单元素，如果查找成功，将对应的表单数据填写在名称为name的表单元素中。

下面以一个具体示例说明本发明实施例的过程。

用户首次访问一注册页面，页面的URI为/reg.html，域名为360，注册页面中包括用户名输入框和密码框，其中，用户名输入框在页面中对应输入元素：<input type＝"text"name＝"user"/>，该输入元素为一文本域表单元素，名称为“user”密码框对应输入元素<input type＝"password">。页面加载时，本发明中的页面逻辑按照预设的查找、存储规则，在LocalStorage本地存储中的与域名360对应的空间中查找键值对，例如，查找名称为reg.html.user的键值对，由于用户首次访问该页面，因此，查找不到。

用户输入用户名，例如，test_reg，以及密码后，点击按钮，页面跳转，这时，按照预定的扫描规则扫描页面中的输入元素，例如，扫描规则为扫描除属性为password以外的全部input标签，为用户名对应的输入元素生成标识符reg.html.user，将标识符作为键值名，test_reg作为键值进行存储。

若用户注册失败，回退至注册页面时，页面逻辑在本地存储中查找名称为reg.html.user的键值对，查找成功，将该键值对的键值test_reg填写到对应的用户名输入框中。

根据本发明上述实施例提供的方法，在监听到页面离开时，扫描页面中的表单元素并将表单元素，以键值对的方式将表单数据存储在HTML5提供的LocalStorage中，实现了页面信息的本地永久化的存储；重新加载页面时，将LocalStorage中与该页面对应的输入信息填写到页面中。根据该方案，重新加载信息输入页面时，自动加载输入内容，避免了用户的重复操作，节省了时间，并且输入内容的填写在本地完成，不需要和服务器交互。

图3示出了根据本发明一个实施例的页面信息加载装置的结构框图，如图3所示，装置包括：

查找模块310，适于在页面加载时，按预设的查找规则在本地存储中查找与页面输入元素对应的输入信息.

填写模块320，适于将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；

监听模块330，适于在页面加载完成后，监听页面离开事件；

页面离开事件包括但不限于：关闭浏览器窗口，通过地址栏或收藏夹跳转至其他页面，点击浏览器上的返回，前进，主页按钮时的页面跳转，点击页面中的URL链接导致的页面跳转，以及触发提交按钮，如页面中的HTML标签<input type＝“submit”>等。

还包括：与页面跳转有关的Javascript函数被触发时导致的页面离开，例如，Javascript为Location.href重新赋值，导致浏览器标签页跳转；以及用户点击F5或浏览器刷新按钮后，页面调用Javascript刷新方法，如Location.replace，Location.reload等进行页面刷新。

扫描模块340，适于根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。

页面中的输入元素包括表单元素，例如，搜索框，输入框，以及用户对单选框，复选框，下拉列表等的表单元素的选择状态等。则扫描模块330进一步适于：扫描页面中的一个或多个表单元素。

具体地，扫描模块340扫描页面中的一个或多个表单元素包括获取页面中每个表单元素对应的数据。具体地，可以设置一个规则来扫描，例如，指定一个标签集合，包括input，select，textarea等标签，其中input标签对应页面中的输入域，select标签对应与选择列表，textarea标签对应于文本域。然后通过getElementByTagName函数来返回带有指定标签名的表单元素，获取表单元素的数据。

或者，给页面中所有要扫描的表单元素添加一个类别属性Class＝“Scan”，使用getElementByClassName(Scan)方法获取所有属性为Scan的表单元素。

可选地，扫描模块340进一步适于：获取页面的页面ID。

在HTML5提供的LocalStorage本地存储中，为每个域名提供5M的存储空间，扫描模块340可获取页面的ID作为页面的唯一标识，用来在该页面所述的存储空间中确定与该页面对应的存储内容。扫描模块340也可以使用页面的URL，页面标题等作为页面的标识，页面的URL和页面标题可从页面相应的标签中获取。

由于LocalStorage本身保证了不同域名具有不同的存储空间，则URL中的域名部分可以省略。因此，优选地，扫描模块340获取页面的URI作为页面ID。与URL相比，URI作为页面ID更能节省本地存储中的存储空间。

获取页面ID后，扫描模块340为每个表单元素生成表单元素标识符，表单元素标识符至少包含页面的页面ID和表单元素的名称。表单元素标识符可以是页面ID和表单元素名称的组合，例如，页面ID为a2，表单元素为多个文本域，名称为name，phonenumber等，则表单元素的标识符分别为a2.name，a2.phonenumber等。类似地，也可以采用页面url，表单属性等生成表单元素标识符。表单元素标识符应能够在为该域名提供的存储空间中唯一地确定表单元素。

然后，扫描模块340将每个表单元素标识符与对应的表单元素的数据相关联地保存在本地存储中。

可选地，装置还包括：绑定模块350，适于在页面加载时，为页面中的页面离开事件绑定页面信息存储逻辑。图3中未示出绑定模块340与比较模块，标记模块的连接关系。

具体地，对于超链接的跳转事件，绑定模块350可对页面中的<a>标签绑定页面信息存储逻辑，对于页面刷新事件，绑定模块350可对<meta>标签绑定页面信息存储逻辑。

可选地，本地存储为HTML5提供的Local Storage，填写模块310进一步适于：将表单元素标识符与对应的表单元素的数据以键值对形式保存在本地存储中，其中，表单元素标识符作为键值名，表单元素的数据作为键值。

可选地，对表单元素，查找模块310进一步适于：在本地存储中查找包含页面的页面ID的一个或多个表单元素标识符；

填写模块320进一步适于：按照每个表单元素标识符所包含的表单元素的名称，将每个表单元素标识符对应的表单元素的数据填写到与表单元素的名称相匹配的页面的表单元素中。

可选地，装置进一步包括：标记模块360，适于在监听到页面离开事件时，获取页面离开事件的发生时刻作为第一时间戳，并将第一时间戳保存在本地存储中。

可选地，标记模块360还适于：当再次加载页面时，获取再次加载页面的开始时刻作为第二时间戳。

可选地，装置进一步包括：比较模块370，适于从本地存储中读取第一时间戳，计算第一时间戳和第二时间戳的差值，将第一时间戳与第二时间戳的差值与预设的时间阈值进行比较。则填写模块310进一步适于：若第一时间戳与第二时间戳的差值小于预设的时间阈值，将本地存储中与页面对应的输入信息填写到页面中。

根据本发明上述实施例提供的装置，在监听模块监听到页面离开事件时，扫描模块扫描页面中的表单元素并将表单元素，以键值对的方式将表单数据存储在HTML5提供的LocalStorage中，实现了页面信息的本地永久化的存储；重新加载页面时，填写模块将LocalStorage中与该页面对应的输入信息填写到页面中。根据该方案，重新加载信息输入页面时，页面自动加载输入内容，避免了用户的重复操作，节省了时间，并且输入内容的填写在本地完成，不需要和服务器交互，更加节省资源。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的数据，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的页面信息加载装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (16)

1.一种页面信息加载方法，其包括：

在监听到页面离开事件时，获取所述页面离开事件的发生时刻作为第一时间戳，并将所述第一时间戳保存在本地存储中；

当再次加载页面时，获取再次加载页面的开始时刻作为第二时间戳；在本地存储中查找与页面输入元素对应的输入信息；

从所述本地存储中读取所述第一时间戳，计算所述第一时间戳和第二时间戳的差值，将所述第一时间戳与第二时间戳的差值与预设的时间阈值进行比较；若所述第一时间戳与第二时间戳的差值小于预设的时间阈值，将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；

页面加载完成后，监听页面离开事件；

根据所述页面离开事件，扫描所述页面中的输入元素，根据页面特征和所述输入元素的特征将所述输入元素的输入信息保存在本地存储中。

2.根据权利要求1所述的方法，其中，所述方法还包括：在页面加载时，为所述页面中的页面离开事件绑定页面信息存储逻辑。

3.根据权利要求1所述的方法，其中，所述页面离开事件包括：超链接点击事件和/或触发重定向的点击事件。

4.根据权利要求1所述的方法，其中，所述扫描页面中的输入元素，根据页面特征和所述输入元素的特征将所述输入元素的输入信息保存在所述本地存储中进一步包括：

获取所述页面的页面ID，扫描所述页面中的一个或多个表单元素；

为每个表单元素生成表单元素标识符，所述表单元素标识符至少包含所述页面的页面ID和表单元素的名称；

将每个表单元素标识符与对应的表单元素的数据相关联地保存在所述本地存储中。

5.根据权利要求4所述的方法，其中，所述在本地存储中查找与页面输入元素对应的输入信息进一步包括：

在所述本地存储中查找包含所述页面的页面ID的一个或多个表单元素标识符；

所述将查找到的与页面输入元素对应的输入信息填写到页面输入元素中进一步包括：

按照每个表单元素标识符所包含的表单元素的名称，将每个表单元素标识符对应的表单元素的数据填写到与表单元素的名称相匹配的表单元素中。

6.根据权利要求4或5所述的方法，其中，所述将每个表单元素标识符与对应的表单元素的数据相关联地保存在所述本地存储中进一步包括：

将表单元素标识符与对应的表单元素的数据以键值对形式保存在所述本地存储中，其中，所述表单元素标识符作为键值名，所述表单元素的数据作为键值。

7.根据权利要求1-5任一项所述的方法，其中，所述本地存储包含多个存储子空间，每个存储子空间与网站域名绑定；

所述根据页面特征和所述输入元素的特征并将所述输入元素的输入信息保存在本地存储中进一步包括：

根据所述页面的URL确定所述页面对应的网站域名；

根据页面特征和所述输入元素的特征将所述输入元素的输入信息保存在与所述网站域名绑定的存储子空间中。

8.根据权利要求1-5任一项所述的方法，其中，所述本地存储为HTML5提供的LocalStorage。

9.一种页面信息加载装置，其包括：

标记模块，适于在监听到页面离开事件时，获取所述页面离开事件的发生时刻作为第一时间戳，并将所述第一时间戳保存在本地存储中；当再次加载页面时，获取再次加载页面的开始时刻作为第二时间戳；

比较模块，适于从所述本地存储中读取所述第一时间戳，计算所述第一时间戳和第二时间戳的差值，将所述第一时间戳与第二时间戳的差值与预设的时间阈值进行比较；

查找模块，适于在本地存储中查找与页面输入元素对应的输入信息；

填写模块，适于若所述第一时间戳与第二时间戳的差值小于预设的时间阈值，将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；

监听模块，适于在页面加载完成后，监听页面离开事件；

扫描模块，适于根据所述页面离开事件，扫描所述页面中的输入元素，根据页面特征和所述输入元素的特征将所述输入元素的输入信息保存在本地存储中。

10.根据权利要求9所述的装置，其中，所述装置还包括：绑定模块，适于在页面加载时，为所述页面中的页面离开事件绑定页面信息存储逻辑。

11.根据权利要求9所述的装置，其中，所述页面离开事件包括：超链接点击事件和/或触发重定向的点击事件。

12.根据权利要求9所述的装置，其中，所述扫描模块进一步适于：获取所述页面的页面ID，扫描所述页面中的一个或多个表单元素；

为每个表单元素生成表单元素标识符，所述表单元素标识符至少包含所述页面的页面ID和表单元素的名称；

将每个表单元素标识符与对应的表单元素的数据相关联地保存在所述本地存储中。

13.根据权利要求12所述的装置，其中，所述查找模块进一步适于：

在所述本地存储中查找包含所述页面的页面ID的一个或多个表单元素标识符；

所述填写模块进一步适于：按照每个表单元素标识符所包含的表单元素的名称，将每个表单元素标识符对应的表单元素的数据填写到与表单元素的名称相匹配的所述页面的表单元素中。

14.根据权利要求12或13所述的装置，其中，所述填写模块进一步适于：将表单元素标识符与对应的表单元素的数据以键值对形式保存在所述本地存储中，其中，所述表单元素标识符作为键值名，所述表单元素的数据作为键值。

15.根据权利要求9-13任一项所述的装置，其中，所述本地存储包含多个存储子空间，每个存储子空间与网站域名绑定；

所述扫描模块进一步适于：

根据所述页面的URL确定所述页面对应的网站域名；

根据页面特征和所述输入元素的特征将所述输入元素的输入信息保存在与所述网站域名绑定的存储子空间中。

16.根据权利要求9-13任一项所述的装置，其中，所述本地存储为HTML5提供的LocalStorage。