页面信息加载方法和装置的制造方法
【技术领域】
[0001]本发明涉及互联网技术领域，具体涉及一种页面信息加载方法和装置。
【背景技术】
[0002]用户浏览网页时，经常需要在网页中输入内容，例如，在搜索页面输入搜索词，论坛发帖、回复以及网站的注册、登录等。在输入内容的过程中，页面可能发生跳转，页面跳转可能由于用户失误，点击了页面中的链接，也可能是用户的有意行为，例如，注册完毕后点击提交按钮，页面重定向至注册信息页面。
[0003]在用户误点击导致页面跳转，或者用户注册信息填写错误导致注册失败时，用户通常需要返回上一页面，例如，通过点击浏览器上的后退按钮或重新输入上一页面的URL等方式返回。这时，页面中的动态表单中的输入内容丢失，用户需要重新输入，如果输入内容复杂，对于用户来说，是繁琐耗时的。
[0004]在一些页面中，例如，一些登录页面,可能使用cookie保存账户名，密码等,然而cookie容量很小，经常无法满足需求，并且每次都要和服务器交互。
【发明内容】
[0005]鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面信息加载方法和装置。
[0006]根据本发明的一个方面，提供了一种页面信息加载方法，其包括:
[0007]页面加载时，在本地存储中查找与页面输入元素对应的输入信息；将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；页面加载完成后，监听页面离开事件；根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。
[0008]根据本发明的另一方面，提供了一种页面信息加载装置，其包括:查找模块，适于在页面加载时，在本地存储中查找与页面输入元素对应的输入信息；填写模块，适于将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；监听模块，适于在页面加载完成后，监听页面离开事件；扫描模块，适于根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。
[0009]根据本发明的页面信息加载方法和装置，在监听到页面离开时，扫描页面中的输入信息并将输入信息保存在本地存储中，重新加载页面时，将本地存储中与该页面对应的输入信息填写到页面中。根据该方案，重新加载信息输入页面时，页面自动完成输入内容的填写，避免了用户的重复操作，节省了用户时间，并且输入内容的填写在本地完成，不需要和服务器交互，更加节省网络资源。
[0010]上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的数据予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的【具体实施方式】。
【附图说明】
[0011]通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中:
[0012]图1示出了根据本发明一个实施例的页面信息加载方法的流程图；
[0013]图2示出了根据本发明另一个实施例的页面信息加载方法的流程图；
[0014]图3示出了根据本发明一个实施例的页面信息加载装置的结构框图。
【具体实施方式】
[0015]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
[0016]图1示出了根据本发明一个实施例的页面信息加载方法的流程图，如图1所示，该方法包括如下步骤:
[0017]步骤S110，页面加载时，在本地存储中查找与页面输入元素对应的输入信息。
[0018]页面中的输入元素包括页面表单元素，例如，搜索框中输入的关键词，注册页面中填写的注册信息等，还包括用户对单选框，复选框，下拉列表等的表单元素的选择状态。
[0019]填入页面中的本地存储中的页面输入信息，是在上一次用户访问该页面时，填写的输入信息。
[0020]具体的查找规则根据输入信息的存储方式而定，例如，在本发明一个实施例中，根据页面ID等页面特征以及表单元素名称等特征等将输入信息存储为键值对，则查找规则为:在本地存储中查找与页面ID及表单元素ID匹配的一个或多个键值对。
[0021 ] 本地存储可以为HTML5提供的LocalStorage (本地存储),indexdb (本地数据库)等持久化存储方式。此外，还有一些非持久化的本地存储，例如Sess1nStorage (会话级本地存储)，只能应用于用户没有关闭浏览器或标签页的情况，会话结束后，数据即被销毁，可根据需要进行选择。
[0022]步骤S120，将查找到的与页面输入元素对应的输入信息填写到页面输入元素中。
[0023]查找到与页面ID匹配的字段后，根据输入元素名称，自动将输入信息填写到对应位置，这避免了用户的重复操作，节省了操作时间。
[0024]步骤S130，页面加载完成后，监听页面离开事件。
[0025]页面离开事件包括但不限于:关闭浏览器窗口，通过地址栏或收藏夹跳转至其他页面，点击浏览器上的返回，前进，主页按钮时的页面跳转，点击页面中的URL链接导致的页面跳转，以及触发提交按钮，如页面中的HTML标签〈input type = “submit”〉等。
[0026]还包括:与页面跳转有关的Javascript函数被触发时导致的页面离开，例如，Javascript为Locat1n, href重新赋值,导致浏览器标签页跳转；以及用户点击F5或浏览器刷新按钮后，页面调用Javascript刷新方法，如Locat1n, replace, Locat1n, reload等进行页面刷新。
[0027]步骤S140，根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。
[0028]可以选择扫描页面中全部的输入元素，或者扫描指定的输入元素，例如，排除验证码等发生变化的输入信息以及密码等个人信息；然后，根据页面特征和所述输入元素的特征为每个输入元素生成唯一的标识，与输入信息关联后保存在本地存储中；其中，页面特征可以是页面的URL，URI，页面ID等，输入元素特征包括输入元素的名称，属性等。具体地，可以将输入元素名称作为键值名，对应的输入信息作为键值。上述页面特征和输入元素特征可通过JavaScript等从页面标签中快捷地获取，并且保证了统一域名下大量站点及输入元素的准确区分。
[0029]根据本发明上述实施例提供的方法，页面加载时，在本地存储中查找与页面输入元素对应的输入信息；将查找到的与页面输入元素对应的输入信息填写到页面输入元素中；页面加载完成后，监听页面离开事件；根据页面离开事件，扫描页面中的输入元素，根据页面特征和输入元素的特征将输入元素的输入信息保存在本地存储中。根据该方案，重新加载信息输入页面时，自动加载输入内容，避免了用户的重复操作，节省了时间，并且输入内容的填写在本地完成，不需要和服务器交互，更节省资源。根据本发明中的输入信息存储方式，以页面特征和输入元素特征作为输入信息存储和查找的索引，对输入信息进行有序的存储，能够适用于大量页面，保证页面信息加载的准确性。
[0030]图2示出了根据本发明另一个实施例的页面信息加载方法的流程图，该方法以HTML5提供的LocalStorage本地存储为例，详细描述了实施过程。
[0031]如图2所示，方法包括如下步骤:
[0032]步骤S210，本次加载页面时，为页面中的页面离开事件绑定页面信息存储逻辑。
[0033]为便于更清楚地说明各步骤间的数据传递的过程，该实施例中以一次输入信息的扫描，存储，填写的时间顺序描述了本发明提供的方法的实施过程。
[0034]应该理解的是，本发明实施例中所说的本次加载页面和再次加载页面是相对的，是指页面再次加载时，从本地存储获取并填写到页面的输入信息是本次页面加载完成后，用户在页面各输入元素中输入的信息。
[0035]具体地，对于超链接的跳转事件，可对页面中的<a>标签绑定页面信息存储逻辑，对于页面刷新事件，对<meta>标签绑定页面信息存储逻辑，对于页面重定向事件，绑定按钮点击事件等。
[0036]上述的页面信息存储逻辑即为下文步骤S220-S270中描述的内容，页面信息存储逻辑可由Javascript等脚本语言实现。。
[0037]步骤S220，监听页面离开事件。
[0038]页面离开事件包括但不限于:关闭浏览器窗口，通过地址栏或收藏夹跳转至其他页面，点击浏览器上的返回，前进，主页按钮时的页面跳转，点击页面中的URL链接导致的页面跳转，以及触发提交按钮，如页面中的HTML标签〈input type = “submit”〉等。
[0039]还包括:与页面跳转有关的Javascript函数被触发时导致的页面离开，例如，Javascript为Locat1n, href重新赋值,导致浏览器标签页跳转；以及用户点击F5或浏览器刷新按钮后，页面调用Javascript刷新方法，如Locat1n, replace, Locat1n, reload等进行页面刷新。
[0040]步骤S230，获取页面的页面ID，扫描页面中的一个或多个表单元素。
[0041]表单元素是一种常见的输入元素，该