一种基于网页元素与用户进行互动的方法与设备技术

本发明专利技术的目的是提供一种基于任意网页中的网页元素与用户进行互动的方法与设备。其中，互动设备获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；根据所述块树，获得用于与用户进行交互的互动块；根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。与现有技术相比，本发明专利技术具有以下优点：一方面用户可基于任意已在浏览器中打开的网页进行预定的互动，从而提升用户体验；另一方面通过在各不同网页中分享通用的互动逻辑，减少各网页开发调试的工作量，从而节约时间成本。

【技术实现步骤摘要】

本专利技术涉及互联网
，尤其涉及一种基于网页元素与用户进行互动的方法与设备。
技术介绍
随着互联网技术的广泛的应用，网页游戏因其无需下载客户端，而仅需进入特定的网页即可开始游戏而受到欢迎。目前，网页游戏主要基于内嵌在网页中的flash，并且游戏仅在该flash的显示区域内进行，而不能在整个网页中进行。然而上述实现方式存在如下缺点首先，游戏必须基于特定的网页才可进行，例如，用户需在浏览器中输入该网页游戏所对应的URL(统一资源定位符)以打开该游戏的网页并进行游戏，然而，若该网页的服务器暂时无法访问，则用户无法进行游戏，从而影响用户体验；其次，各网页游戏中存在一些通用的实现逻辑，如游戏角色的确定、游戏角色在网页中的移动等，若在每个网页游戏中分别实现该些逻辑，将增加网页修改与调试的工作量，更近一步地，除网页游戏外，还存在其他通用的用于与用户进行互动的互动逻辑分别在不同的网页中各自实现，例如，诸如注册账号网页、发布评论网页中都存在的校验码输入逻辑，以用于确认当前操作为人工操作而非机器操作，虽然这些校验逻辑的实现几乎相同；再如，存在不同网页分别实现针对其中某些网页元素的动画逻辑，虽然这些动画逻辑也是相同的，这些都将导致较高的网页开发与维护成本。因此，如何基于任意网页中的网页元素与用户进行互动成为亟需解决的问题。
技术实现思路
本专利技术的目的是提供一种基于任意网页中的网页元素与用户进行互动的方法与设备。根据本专利技术的一个方面，提供一种计算机实现的基于任意网页中的网页元素与用户进行互动的方法，其中，该方法包括以下步骤a获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；b根据所述块树，获得用于与用户进行交互的互动块；c根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。根据本专利技术的一个方面，提供一种基于任意网页中的网页元素与用户进行互动的设备，其中，该设备包括块树获取装置，用于获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；互动块获取装置，用于根据所述块树，获得用于与用户进行交互的互动块；渲染装置，用于根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。与现有技术相比，本专利技术具有以下优点一方面，用户可基于任意已在浏览器中打开的网页即可进行预定的互动(如游戏等)，而无需访问互联网服务器中特定的互动网页， 从而提升用户体验；一方面，通过在各不同网页中分享通用的互动逻辑(如身份验证逻辑， 动画逻辑等)，减少各网页开发调试的工作量，从而节约时间成本，同时，由于该互动逻辑通过直接操作浏览器内核数据实现，其相较于基于诸如Javascript脚本实现的互动逻辑具有更高的执行效率，这对于在处理性能尚有欠缺的用户设备(如智能手机，PDA等)中进行网页互动具有现实意义；另一方面，本专利技术无需网页中预置动画逻辑，即可实现基于网页中任意网页元素的动画效果，从而提高网页浏览的趣味性，提升用户体验。附图说明通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本专利技术的其它特征、目的和优点将会变得更明显图1示出浏览器内核的工作原理图；图2示出根据本专利技术一个方面基于网页元素与用户进行互动的设备示意图；图3示出根据本专利技术另一个方面基于网页元素与用户进行互动的方法流程图；附图中相同或相似的附图标记代表相同或相似的部件。具体实施例方式下面结合附图对本专利技术作进一步详细描述。浏览器内核包括浏览器的页面渲染引擎，其将网页内容渲染到浏览器的页面显示区域中。现有主流浏览器内核包括IE浏览器使用的Trident内核、Firefox浏览器使用的 Gecko内核、Safari浏览器使用的weWdt内核及Opera浏览器使用的I^resto内核等。它们工作原理大体相同，现参照图1，以Webkit内核为例介绍浏览器内核的工作原理。首先， 浏览器内核获取待渲染的网页所对应的HTML或XHTML文本，并将该文本解析成为一棵文档对象模型(DOM)树，该树的各个节点分别对应该HTML文本中的标签或标签中的内容，即该网页中的网页元素；接着，浏览器内核根据该DOM树，创建与该DOM树相对应的用于渲染该网页的块树(或称渲染树)，该块树的各节点中的“矩形块”(以下简称块)代表页面显示区域中的各渲染子区域，该渲染子区域用于显示与该块相对应的网页元素，各块的块属性至少包含该渲染子区域在页面显示区域中的位置坐标及宽高等属性信息，换言之，该页面显示区域被各块所划分，各块所代表的渲染子区域中显示该块对应的网页元素；随后，浏览器内核通过遍历该块树中各节点的块，以将该网页中的所有网页元素渲染到浏览器的页面显示区域中。在此，所述网页元素包括但不限于网页中的纯文本文字，超文本链接，图片，表格、表单控件(如按钮、文本输入域、下拉列表、单选框、复选框等)等。图2示出根据本专利技术一个方面基于网页元素与用户进行互动的设备示意图。互动设备1包括块树获取装置11、互动块获取装置12和渲染装置13。在此，互动设备1包括， 但不限于，计算机、智能手机、PDA等任何具有上网浏览功能的设备。具体地，块树获取装置11获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应。更具体地，块树获取装置11例如通过约定的通信接口从浏览器内核中读取与当前在浏览器页面显示区域中显示的网页相对应的块树，或者通过第三方设备获得该块树。在此，所述约定通信接口包括但不限于浏览器内核提供的应用编程接口(API)等。在此，所述网页包括但不限于来自网络设备中的页面、来自所述浏览器的历史记录中的页面以及浏览器自带的功能页面等。在此，所述浏览器包括但不限于Microsoft公司的IE浏览器、Mozilla公司的Firefox浏览器、Google公司的Chrome浏览器、苹果公司的Mfari浏览器、遨游公司的 Maxthon浏览器、Opera公司的opera浏览器、360公司的360浏览器、搜狐公司的搜狗浏览器、腾讯公司的腾讯TT浏览器等。在此，所述浏览器内核包括但不限于Trident内核、Gecko 内核、webkit内核、Presto内核等。例如，当浏览器为苹果公司的Mfari浏览器，其使用的浏览器内核为webkit，用户在该浏览器的地址栏中输入某网页的URL，浏览器根据该URL 从本地或网络获取该URL所对应的网页，浏览器内核解析该网页的HTML文本，并创建相应的块树，随后，块树获取装置11通过调用该浏览器内核提供的API读取其中的块树。再如， 块树获取装置11向第三方设备发送获取与浏览器的页面显示区域中显示的网页相对应的块树的请求，并接收该第三方设备基于该请求返回的块树。本领域技术人员应能理解上述获取块树的方式仅为举例，其他现有的或今后可能出现的获取块树的方式如可适用于本专利技术，也应包含在本专利技术保护范围以内，并在此以引用方式包含于此。随后，互动块获取装置12根据所述块树，获得用于与用户进行本文档来自技高网...

【技术保护点】
１．一种计算机实现的基于网页元素与用户进行互动的方法，其中，该方法包括以下步骤：ａ获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；ｂ根据所述块树，获得用于与用户进行交互的互动块；ｃ根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。

【技术特征摘要】

【专利技术属性】
技术研发人员：邢皖甲，黄腾，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：11