CN106547420A - 一种页面处理方法和装置 - Google Patents

Abstract

本申请实施例提供了一种页面处理方法和装置，以减少页面操作对时间的浪费。所述的方法包括：当源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息；接收返回数据，确定返回数据所在目标页面中的目标事件；依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置，显示所述目标事件，以使目标事件显示到指示标识所在位置上。无需其他操作即可直接触发目标事件，节省操作时间。

Description

一种页面处理方法和装置

技术领域

本申请涉及网页处理技术领域，特别是涉及一种页面处理方法和一种页面处理装置。

背景技术

在互联网时代，人们更多的是在互联网上通过网页接收信息，处理事务，例如：网上购物、网上缴费、查收邮件等等。

通过网页实现人机交互的过程中，网页通常采用长链路的方式进行交互，即通过网页处理事物时可能需要多次点击操作，甚至网页跳转。虽然在长链路的操作过程中，不同的人会有不同的操作，但是95％以上的操作路径都是相同的。例如使用网页版的邮箱发送邮件，操作大概如下：点击“新建邮件”—>跳转进入邮件编辑页面—>点击“发送”—>页面跳转，提示发送成功，同时在该页面的一个不是很明显的位置有两个按钮：“返回收件箱”、“发送新邮件”—>点击“返回收件箱”，用户可以继续浏览邮件。

在上述邮件的处理过程，用户通过多次点击才能实现对新邮件发送并返回收件箱。以点击发送邮件后的页面跳转为例，跳转后的页面中用户想要点击的内容往往不在鼠标当前所在的位置，因此，用户需要通过移动鼠标到需要点击的位置如“返回收件箱”按钮，通过点击返回收件箱，使得用户返回收件箱的时间较长。

因此，目前需要本领域技术人员迫切解决的一个技术问题就是：提出一种页面处理方法和装置，以减少页面操作对时间的浪费。

发明内容

本申请实施例所要解决的技术问题是提供一种页面处理方法，以减少页面操作对时间的浪费。

相应的，本申请实施例还提供了一种页面处理装置，用以保证上述方法的实现及应用。

为了解决上述问题，本申请公开了一种页面处理方法，包括：当源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息；接收返回数据，确定返回数据所在目标页面中的目标事件；依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置，显示所述目标事件，以使目标事件显示到指示标识所在位置上。

可选的，捕获指示标识在源页面中的位置信息之后，还包括：判断返回数据所在目标页面是否是通过跳转得到的页面。

可选的，将所述指示标识的目标事件配置于所述位置信息在所述目标页面的对应位置上，包括：当目标页面是通过跳转得到的页面时，获取所述指示标识的位置信息；在渲染所述目标页面时，按照所述指示标识的位置信息，将所述目标事件对应显示信息渲染在目标页面的相应显示位置上。

可选的，还包括：当目标页面是通过跳转得到的页面时，将所述指示标识的位置信息上传给服务器进行持久化存储。

可选的，按照所述指示标识的位置信息，将所述目标事件对应显示信息渲染在目标页面的相应显示位置上，包括：创建一个悬浮窗显示所述目标事件的显示信息，将所述悬浮窗渲染在所述指示标识的位置信息在目标页面的相应显示位置上。

可选的，将所述指示标识的目标事件配置于所述位置信息在所述目标页面的对应位置上，包括：当目标页面不是通过跳转得到的页面时，获取指示标识的位置信息；刷新所述源页面重新渲染得到目标页面时，创建一个悬浮窗显示所述目标事件；按照所述指示标识的位置信息，将所述悬浮窗渲染在目标页面的相应显示位置上。

可选的，还包括：当捕获到指示标识在目标页面中首次移动时，将所述悬浮窗移动到所述目标页面中指示标识首次移动的位置上。

可选的，还包括：监听指示标识的移动事件，在指示标识移动过程中获取移动位置对应位置信息；当指示标识移动的位置信息在移动阈值内未发生变化时，确定指示标识移动完毕，采用计数器记录移动次数。

可选的，所述指示标识包括：鼠标光标。

本申请实施例还公开了一种页面处理装置，包括：捕获模块，用于当源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息；接收模块，用于接收返回数据；渲染模块，用于确定返回数据所在目标页面中的目标事件；依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置；显示模块，用于显示所述目标事件，以使目标事件显示到指示标识所在位置上。

可选的，还包括：跳转判断模块，用于判断返回数据所在目标页面是否是通过跳转得到的页面。

可选的，所述渲染模块，包括：第一渲染子模块，用于当目标页面是通过跳转得到的页面时，获取所述指示标识的位置信息；在渲染所述目标页面时，按照所述指示标识的位置信息，将所述目标事件对应显示信息渲染在目标页面的相应显示位置上。

可选的，还包括：存储模块，用于当目标页面是通过跳转得到的页面时，将所述指示标识的位置信息上传给服务器进行持久化存储。

可选的，第一渲染子模块，用于创建一个悬浮窗显示所述目标事件的显示信息，将所述悬浮窗渲染在所述指示标识的位置信息在目标页面的相应显示位置上。

可选的，所述渲染模块，包括：第二渲染子模块，用于当目标页面不是通过跳转得到的页面时，获取指示标识的位置信息；刷新所述源页面重新渲染得到目标页面时，创建一个悬浮窗显示所述目标事件；按照所述指示标识的位置信息，将所述悬浮窗渲染在目标页面的相应显示位置上。

可选的，还包括：移动跟随模块，用于当捕获到指示标识在目标页面中首次移动时，将所述悬浮窗移动到所述目标页面中指示标识首次移动的位置上。

可选的，所述移动跟随模块，还用于监听指示标识的移动事件，在指示标识移动过程中获取移动位置对应位置信息；当指示标识移动的位置信息在移动阈值内未发生变化时，确定指示标识移动完毕，采用计数器记录移动次数。

可选的，所述指示标识包括：鼠标光标。

与现有技术相比，本申请实施例包括以下优点：

在本申请实施例中，在源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息，接收返回数据，确定返回数据所在目标页面中的目标事件，依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置，显示所述目标事件，以使目标事件显示到指示标识所在位置上，即在发送请求时记录指示标识的位置信息，在显示请求返回的目标页面时将目标事件显示在指示标识位置上，从而无需其他操作即可直接触发目标事件，节省操作时间。

附图说明

图1是本申请的一种页面处理方法实施例的步骤流程图；

图2是本申请的另一种页面处理方法实施例的步骤流程图；

图3本申请一种页面处理装置实施例的结构框图；

图4本申请另一种页面处理装置实施例的结构框图。

具体实施方式

为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。

本申请实施例的核心构思之一在于，页面处理方法和装置，以减少页面操作对时间的浪费。在源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息，接收返回数据，确定返回数据所在目标页面中的目标事件，依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置，显示所述目标事件，以使目标事件显示到指示标识所在位置上，即在发送请求时记录指示标识的位置信息，在显示请求返回的目标页面时将目标事件显示在指示标识位置上，从而无需其他操作即可直接触发目标事件，节省操作时间。

实施例一

参照图1，示出了本申请的一种页面处理方法实施例的步骤流程图，具体可以包括如下步骤：

步骤102，当源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息。

本实施例中，指示标识指的是页面中表示用户操作对应的标识，如鼠标的光标等外置设备标识，又如触摸屏设备中手指或触摸笔对应光标等。

用户在页面中执行操作时，通过会通过点击等方式触发请求的发送，以通过该请求向服务器发送消息，获取相应的返回数据。如页面中发送邮件时通过点击触发邮件的发送，通过返回数据确定是否发送成功并执行后续操作；又如网页上购物时点击触发完成订单，通过返回数据显示支付内容等。

当请求触发后需要返回数据时，用户还会执行后续的操作，且用户后续执行的操作通常具有共性，例如确认邮件发送成功后通常是返回收件箱，又如点击触发完成订单后通常是直接填写支付信息等。即针对返回数据对应页面用户通常会执行具有共性的操作，如通过鼠标点击相同的按钮。为了防止用户后续移动鼠标的光标等指示标识来触发操作对应信息，导致操作时间变长，影响处理效率，可以预先记录指示标识的位置，即在触发请求时，源页面自动捕获指示标识在页面上的位置信息，例如在源页面中指示标识的坐标信息。以备后续将操作对应信息直接显示到指示标识所在位置，使得用户无需移动指示标识即可执行操作，节省操作时间。

步骤104，接收返回数据，确定返回数据所在目标页面中的目标事件。

服务器依据请求进行处理后会生成相应的返回数据进行返回，浏览器接收到返回数据后，会基于该返回数据渲染生成返回数据所在的目标页面，该目标页面可以是对源页面刷新得到的，也可以是直接跳转得的新页面，本申请实施例对此不做限定。

渲染页面时需要确定出目标页面中的目标事件，该目标事件可以理解为目标页面中通过指示标识触发的操作事件，例如“返回收件箱”对应事件，又如支付信息编辑事件等。目标页面中通常包括较多通过指示标识触发的操作事件，本实施例可以通过统计确定用户常用的操作事件作为目标事件，当然也可以将目标页面中推荐的操作事件作为目标事件，本实施例对此不做限定。

步骤106，依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置，显示所述目标事件，以使目标事件显示到指示标识所在位置上。

渲染目标页面时依据所述指示标识的位置信息，配置所述目标事件在目标页面的显示位置，即确定指示标识的位置信息在目标页面对应的显示位置，将目标事件配置为该显示位置，从而在显示目标页面时在该显示位置处显示目标事件，此时指示标识即停留在该显示位置上，从而无需移动指示标识即可直接触发目标事件，节省操作时间。

综上所述，在源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息，接收返回数据，确定返回数据所在目标页面中的目标事件，依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置，显示所述目标事件，以使目标事件显示到指示标识所在位置上，即在发送请求时记录指示标识的位置信息，在显示请求返回的目标页面时将目标事件显示在指示标识位置上，从而无需其他操作即可直接触发目标事件，节省操作时间。

实施例二

在上述实施例的基础上，本实施例详细论述基于指示标识位置对页面的处理方法。

参照图2，示出了本申请的另一种页面处理方法实施例的步骤流程图，具体可以包括如下步骤：

步骤202，在源页面中触发的请求，所述请求需要返回数据。

步骤204，捕获在源页面中指示标识的位置信息。

本实施例中，以鼠标光标作为指示标识为例进行描述。

用户当前正在操作的页面作为源页面，源页面接收用户触发的请求，如通过鼠标点击选定功能的按钮等触发请求，该请求需要服务器的返回数据，如请求返回数据对应目标页面中需要用户进行二次确认。因此源页面将该请求发送给服务器以获取返回数据。在此过程中，源页面会捕获鼠标光标在源页面对应位置的位置信息。

一种实现方式中，源页面使用原生态js获取鼠标光标在页面中的坐标信息，如可以将页面的左上角作为零点作为确定鼠标光标的坐标，将该坐标信息作为鼠标光标的位置信息。

步骤206，判断返回数据所在目标页面是否是通过跳转得到的页面。

请求需要返回数据，将返回数据所在的页面作为目标页面，目标页面可以是跳转页面，也可以是对源页面刷新得到的页面，不同显示方式在处理时具有一定的区别，因此可以预先判断目标页面是否是通过跳转得到的页面。

若是，即目标页面是通过跳转得到的页面，执行步骤208若否，即目标页面不是通过跳转得到的页面，执行步骤216。

步骤208，将所述指示标识的位置信息上传给服务器进行持久化存储。

其中，在页面跳转得到目标页面之前，预先捕获了鼠标光标的位置信息，此后可以采用存储在客户端缓存中，或者是上传给服务器等存储方式。本实施例以将所述鼠标光标的位置信息上传给服务器，由服务器对鼠标光标的位置信息进行远程持久化存储为例进行论述。

步骤210，接收返回数据，渲染返回数据所在的目标页面，确定目标页面的目标事件。

步骤212，从服务器中获取所述指示标识的位置信息。

步骤214，按照所述指示标识的位置信息，将所述目标事件对应显示信息渲染在目标页面的相应显示位置上。

服务器依据请求生成相应的返回数据，该返回数据即请求对应页面的数据，如跳转页面的页面地址，依据该返回数据确定目标页面的页面地址，请求该页面地址对应的页面数据并进行渲染。

在页面渲染时，可以根据记录的鼠标光标位置来确定下一步操作如二次确认对应时间在页面显示位置。即在渲染的过程中确定出目标页面的目标事件，该目标事件可以理解为目标页面中需要用户二次确认的信息对应的事件，或者是目标页面中为用户推荐的信息对应事件等。然后从服务器中获取预先存储的鼠标光标的位置信息，依据该鼠标光标的位置信息确定目标事件在目标页面中的显示位置，即在目标页面中将目标事件显示在鼠标光标的坐标信息对应位置上，从而用户在之前的源页面中点击触发请求后，跳转显示的目标页面中需要用户二次确认的目标事件直接显示在鼠标光标的位置上，方便用户点击。

实际处理中，渲染页面时可以将目标时间直接显示在页面内部鼠标光标的位置信息对应显示位置上，还可以独立显示该目标事件，例如，通过悬浮窗等形式显示。因此，本发明一个可选实施例中，按照所述鼠标光标的位置信息，将所述目标事件对应显示信息渲染在目标页面的相应显示位置上，包括：创建一个悬浮窗显示所述目标事件的显示信息，将所述悬浮窗渲染在所述鼠标的位置信息在目标页面的相应显示位置上。

在渲染页面的过程中获取鼠标的位置信息并确定目标事件之后，可以创建一个悬浮窗，悬浮窗可以理解为网页页面上的一个独立窗口，该独立窗口显示页面内容，本实施例中，该页面内容与悬浮窗所在网页页面相关。即将目标事件对应显示信息加载到悬浮窗中，以在悬浮窗中显示所述目标事件的显示信息。如发送邮件的示例中，目标事件的显示内容为“返回收件箱”对应按钮或链接，又如，购物网页示例中，目标事件的显示内容为支付信息的编辑内容，如为银行卡号、密码等支付信息的输入窗口。然后，将所述悬浮窗渲染在所述鼠标光标的位置信息在目标页面的相应显示位置上，即目标页面中鼠标光标的坐标信息对应位置为显示位置，然后将悬浮窗显示的坐标信息对应显示位置上，从而鼠标光标直接位于悬浮窗之上，便于用户执行输入、点击触发等操作。

步骤216，接收返回数据，刷新所述源页面重新渲染得到目标页面，确定目标页面的目标位置。

步骤218，获取指示标识的位置信息。

步骤220，创建一个悬浮窗显示所述目标事件，按照所述指示标识的位置信息，将所述悬浮窗渲染在目标页面的相应显示位置上。

服务器依据请求生成相应的返回数据，该返回数据即请求对应页面的数据，如返回数据告知需要刷新页面等，依据该返回数据确定下一步操作为，刷新所述源页面重新渲染得到目标页面，则重新向服务器请求源页面的页面地址对应的页面数据并进行渲染。其中，在页面跳转得到目标页面之前，预先捕获了鼠标光标的位置信息，此后可以采用存储在客户端缓存中，并且也可以在请求到刷新页面前的过程中实时记录鼠标光标的位置信息，更新缓存中的为位置信息。

与跳转页面的渲染类似，页面渲染时，可以根据记录的鼠标光标位置来确定下一步操作如二次确认对应时间在页面显示位置。即在渲染的过程中确定出目标页面的目标事件，该目标事件可以理解为目标页面中需要用户二次确认的信息对应的事件，或者是目标页面中为用户推荐的信息对应事件等。

然后获取预先存储的鼠标光标的位置信息，可以创建一个悬浮窗，将目标事件对应显示信息加载到悬浮窗中，以在悬浮窗中显示所述目标事件的显示信息。然后，将所述悬浮窗渲染在所述鼠标光标的位置信息在目标页面的相应显示位置上，即目标页面中鼠标光标的坐标信息对应位置为显示位置，将悬浮窗显示的坐标信息对应显示位置上，从而鼠标光标直接位于悬浮窗之上，便于用户执行输入、点击触发等操作。

步骤222，监听指示标识的移动事件，在指示标识移动过程中获取移动位置对应位置信息。

步骤224，当指示标识移动的位置信息在移动阈值内未发生变化时，确定指示标识移动完毕，采用计数器记录移动次数。

本实施例中，通过悬浮框等方式在渲染页面时直接将需要用户二次确认的目标事件显示在鼠标光标所在位置上，便于用户执行操作。但是，在页面渲染完毕进行显示后，用户可能会由于各种原因移动鼠标，例如使用鼠标时不小心的移动等，因此为了便于用户对目标事件进行操作，还可以监听鼠标的移动事件，在监听到移动事件后，获取鼠标光标移动的位置信息。

由于鼠标的移动是一个连续的动作，因此可以持续记录鼠标光标移动的位置信息，直到该移动的位置信息超过移动阈值未移动时，确定鼠标移动结束，将最后记录的位置信息作为鼠标光标此次移动的位置信息，当前在记录之前还可以与源页面中请求触发时记录的鼠标位置信息比较，若两者相同则此次移动为无效移动，可以认为没有发生移动，当两者不同时确认鼠标发生移动，采用计数器记录移动次数，并记录移动的位置信息。其中，计数器初始可以默认为0，在鼠标发生依次移动后将计数器加1，即首次移动时计数器的计数为1，当鼠标再次移动即二次移动时，相应计数器计数为2。

例如，移动过程中实时获取鼠标光标的坐标信息，当坐标信息在移动阈值如超过500毫秒没有发变化，且当前记录的坐标位置与源页面中请求触发时记录的鼠标光标的坐标信息不一致时，认为鼠标发生了一次移动，则移动计数器加1表征为首次移动，并且记录本次移动的位置信息。

步骤226，判断指示标识是否为首次移动。

本实施例中，为了防止悬浮窗不断跟随鼠标光标而影响用户对页面执行其他操作，因此配置为仅对前N次鼠标移动进行跟随，超过N就不再跟随。以N＝1为例，即仅对鼠标的首次移动进行跟随。因此，要判断鼠标当前的移动是否为首次移动，如可以通过计时器的计数值是否为1进行判断。

当指示标识是首次移动时，执行步骤228。

当指示标识非首次移动时，通常表征用户不想对目标事件进行操作，因此可以结束悬浮窗对鼠标光标的跟随，即可以不执行其他操作，或者关闭悬浮窗在页面的原位置显示目标事件对应显示内容等。

步骤228，将所述目标事件移动到所述目标页面中指示标识首次移动的位置上。

在鼠标首次移动，由于该移动可能是用户误操作等引起的，即用户此时可能还需要对目标事件执行操作，因此可以使悬浮窗跟随鼠标光标的移动位置，即将所述悬浮窗移动到鼠标首次移动对应位置信息对应的位置上。

从而针对跳转页面和非跳转页面，均能在渲染页面时将目标事件对应显示信息显示在之前记录的鼠标光标的位置上，便于用户对目标事件进行操作。并且，悬浮窗还可以跟随鼠标的首次移动而移动，即使用户误操作也能便捷的对目标事件进行触发。并且，后续不会持续跟随鼠标的移动变更悬浮窗的位置，因此在用户不对目标事件进行触发不会对用户操作造成影响，提高用户体验。

本申请实施例中，在触发请求时可以使用原生态js获取鼠标光标的坐标信息，当页面跳转的时候，将坐标位置记录在客户端缓存里面。在页面渲染时以鼠标光标为焦点，即根据鼠标光标的坐标信息来确定二次确认的目标事件在页面的显示位置。如邮件的示例中，用户不需要再次移动鼠标，直接点击“返回”即可回到收件箱。还会记录鼠标移动次数，目标事件只会跟随鼠标光标移动一次，此后会回到预先设定的位置。如邮件的示例中，用户不想回到收件箱，只要连续移动鼠标，焦点就会脱离“返回”按钮。大大的提高了机交互中用户的体验。

现有技术提供网页上的浮层的鼠标焦点跟随，但是当网页被刷新的时候，难以记录上一次的鼠标光标的位置，浮层就会失去鼠标的焦点。而本发明不但可以当网页跳转时将目标事件对应信息跟随鼠标显示，同时提供了取消跟随的方案，杜绝了单一逻辑的鼠标跟随事件对用户体验的影响。在帮助提升人机交互过程中，优化了长链路操作的体验，在二次确认目标事件中减少用户操作，提升用户体验。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请实施例所必须的。

实施例三

在上述实施例的基础上，本实施例还提供了一种页面处理装置。

参照图3，示出了本申请一种页面处理装置实施例的结构框图，具体可以包括如下模块：

捕获模块302，用于当源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息。

接收模块304，用于接收返回数据。

渲染模块306，用于确定返回数据所在目标页面中的目标事件；依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置。

显示模块308，用于显示所述目标事件，以使目标事件显示到指示标识所在位置上。

综上所述，在源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息，接收返回数据，确定返回数据所在目标页面中的目标事件，依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置，显示所述目标事件，以使目标事件显示到指示标识所在位置上，即在发送请求时记录指示标识的位置信息，在显示请求返回的目标页面时将目标事件显示在指示标识位置上，从而无需其他操作即可直接触发目标事件，节省操作时间。

参照图4，示出了本申请另一种页面处理装置实施例的结构框图，具体可以包括如下模块：

捕获模块402，用于当源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息。

跳转判断模块410，用于判断返回数据所在目标页面是否是通过跳转得到的页面。

存储模块412，用于当目标页面是通过跳转得到的页面时，将所述指示标识的位置信息上传给服务器进行持久化存储。

接收模块404，用于接收返回数据。

渲染模块406，用于确定返回数据所在目标页面中的目标事件；依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置。

显示模块408，用于显示所述目标事件，以使目标事件显示到指示标识所在位置上。

移动跟随模块414，用于当捕获到指示标识在目标页面中首次移动时，将所述悬浮窗移动到所述目标页面中指示标识首次移动的位置上。

其中，所述渲染模块406，包括：

第一渲染子模块40602，用于当目标页面是通过跳转得到的页面时，获取所述指示标识的位置信息；在渲染所述目标页面时，按照所述指示标识的位置信息，将所述目标事件对应显示信息渲染在目标页面的相应显示位置上。第一渲染子模块，具体用于创建一个悬浮窗显示所述目标事件的显示信息，将所述悬浮窗渲染在所述指示标识的位置信息在目标页面的相应显示位置上。

第二渲染子模块40602，用于当目标页面不是通过跳转得到的页面时，获取指示标识的位置信息；刷新所述源页面重新渲染得到目标页面时，创建一个悬浮窗显示所述目标事件；按照所述指示标识的位置信息，将所述悬浮窗渲染在目标页面的相应显示位置上。

所述移动跟随模块414，还用于监听指示标识的移动事件，在指示标识移动过程中获取移动位置对应位置信息；当指示标识移动的位置信息在移动阈值内未发生变化时，确定指示标识移动完毕，采用计数器记录移动次数。

其中，所述指示标识包括：鼠标光标。

从而针对跳转页面和非跳转页面，均能在渲染页面时将目标事件对应显示信息显示在之前记录的指示标识位置上，便于用户对目标事件进行操作。并且，悬浮窗还可以跟随指示标识的首次移动而移动，即使用户误操作也能便捷的对目标事件进行触发。并且，后续不会持续更随指示标识的移动变更悬浮窗的位置，因此在用户不对目标事件进行触发不会对用户操作造成影响，提高用户体验。

本申请实施例中，在触发请求时可以使用原生态js获取指示标识的坐标信息，当页面跳转的时候，将坐标位置记录在客户端缓存里面。在页面渲染时以指示标识为焦点，即根据指示标识的坐标信息来确定二次确认的目标事件在页面的显示位置。如邮件的示例中，用户不需要再次移动指示标识，直接点击“返回”即可回到收件箱。还会记录指示标识移动次数，目标事件只会跟随指示标识一次，此后会回到预先设定的位置。如邮件的示例中，用户不想回到收件箱，只要连续移动指示标识，焦点就会脱离“返回”按钮。大大的提高了机交互中用户的体验。

现有技术提供网页上的浮层的指示标识焦点跟随，但是当网页被刷新的时候，难以记录上一次的指示标识的位置，浮层就会失去指示标识的焦点。而本发明不但可以当网页跳转时将目标事件对应信息跟随指示标识显示，同时提供了取消跟随的方案，杜绝了单一逻辑的指示标识跟随事件对用户体验的影响。在帮助提升人机交互过程中，优化了长链路操作的体验，在二次确认目标事件中减少用户操作，提升用户体验。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域内的技术人员应明白，本申请实施例的实施例可提供为方法、装置、或计算机程序产品。因此，本申请实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

在一个典型的配置中，所述计算机设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非持续性的电脑可读媒体(transitory media)，如调制的数据信号和载波。

本申请实施例是参照根据本申请实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本申请所提供的一种页面处理方法和一种页面处理装置，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (18)

1.一种页面处理方法，其特征在于，包括：

当源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息；

接收返回数据，确定返回数据所在目标页面中的目标事件；

依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置，显示所述目标事件，以使目标事件显示到指示标识所在位置上。

2.根据权利要求1所述的方法，其特征在于，捕获指示标识在源页面中的位置信息之后，还包括：

判断返回数据所在目标页面是否是通过跳转得到的页面。

3.根据权利要求2所述的方法，其特征在于，将所述指示标识的目标事件配置于所述位置信息在所述目标页面的对应位置上，包括：

当目标页面是通过跳转得到的页面时，获取所述指示标识的位置信息；

在渲染所述目标页面时，按照所述指示标识的位置信息，将所述目标事件对应显示信息渲染在目标页面的相应显示位置上。

4.根据权利要求3所述的方法，其特征在于，还包括：

当目标页面是通过跳转得到的页面时，将所述指示标识的位置信息上传给服务器进行持久化存储。

5.根据权利要求3所述的方法，其特征在于，按照所述指示标识的位置信息，将所述目标事件对应显示信息渲染在目标页面的相应显示位置上，包括：

创建一个悬浮窗显示所述目标事件的显示信息，将所述悬浮窗渲染在所述指示标识的位置信息在目标页面的相应显示位置上。

6.根据权利要求2所述的方法，其特征在于，将所述指示标识的目标事件配置于所述位置信息在所述目标页面的对应位置上，包括：

当目标页面不是通过跳转得到的页面时，获取指示标识的位置信息；

刷新所述源页面重新渲染得到目标页面时，创建一个悬浮窗显示所述目标事件；

按照所述指示标识的位置信息，将所述悬浮窗渲染在目标页面的相应显示位置上。

7.根据权利要求5或6所述的方法，其特征在于，还包括：

当捕获到指示标识在目标页面中首次移动时，将所述悬浮窗移动到所述目标页面中指示标识首次移动的位置上。

8.根据权利要求7所述的方法，其特征在于，还包括：

监听指示标识的移动事件，在指示标识移动过程中获取移动位置对应位置信息；

当指示标识移动的位置信息在移动阈值内未发生变化时，确定指示标识移动完毕，采用计数器记录移动次数。

9.根据权利要求1-6、8任一所述的方法，其特征在于，所述指示标识包括：鼠标光标。

10.一种页面处理装置，其特征在于，包括：

捕获模块，用于当源页面中触发的请求需要返回数据时，捕获在源页面中指示标识的位置信息；

接收模块，用于接收返回数据；

渲染模块，用于确定返回数据所在目标页面中的目标事件；依据所述指示标识的位置信息配置所述目标事件在目标页面的显示位置；

显示模块，用于显示所述目标事件，以使目标事件显示到指示标识所在位置上。

11.根据权利要求10所述的装置，其特征在于，还包括：

跳转判断模块，用于判断返回数据所在目标页面是否是通过跳转得到的页面。

12.根据权利要求11所述的装置，其特征在于，所述渲染模块，包括：

第一渲染子模块，用于当目标页面是通过跳转得到的页面时，获取所述指示标识的位置信息；在渲染所述目标页面时，按照所述指示标识的位置信息，将所述目标事件对应显示信息渲染在目标页面的相应显示位置上。

13.根据权利要求12所述的装置，其特征在于，还包括：

存储模块，用于当目标页面是通过跳转得到的页面时，将所述指示标识的位置信息上传给服务器进行持久化存储。

14.根据权利要求12所述的装置，其特征在于，

第一渲染子模块，用于创建一个悬浮窗显示所述目标事件的显示信息，将所述悬浮窗渲染在所述指示标识的位置信息在目标页面的相应显示位置上。

15.根据权利要求11所述的装置，其特征在于，所述渲染模块，包括：

第二渲染子模块，用于当目标页面不是通过跳转得到的页面时，获取指示标识的位置信息；刷新所述源页面重新渲染得到目标页面时，创建一个悬浮窗显示所述目标事件；按照所述指示标识的位置信息，将所述悬浮窗渲染在目标页面的相应显示位置上。

16.根据权利要求14或15所述的装置，其特征在于，还包括：

移动跟随模块，用于当捕获到指示标识在目标页面中首次移动时，将所述悬浮窗移动到所述目标页面中指示标识首次移动的位置上。

17.根据权利要求16所述的装置，其特征在于，

所述移动跟随模块，还用于监听指示标识的移动事件，在指示标识移动过程中获取移动位置对应位置信息；当指示标识移动的位置信息在移动阈值内未发生变化时，确定指示标识移动完毕，采用计数器记录移动次数。

18.根据权利要求10-15、17任一所述的装置，其特征在于，所述指示标识包括：鼠标光标。