CN102306174A - 一种基于网页元素与用户进行互动的方法与设备 - Google Patents
一种基于网页元素与用户进行互动的方法与设备 Download PDFInfo
- Publication number
- CN102306174A CN102306174A CN201110246795A CN201110246795A CN102306174A CN 102306174 A CN102306174 A CN 102306174A CN 201110246795 A CN201110246795 A CN 201110246795A CN 201110246795 A CN201110246795 A CN 201110246795A CN 102306174 A CN102306174 A CN 102306174A
- Authority
- CN
- China
- Prior art keywords
- piece
- web page
- interactive
- page element
- tree
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Abstract
本发明的目的是提供一种基于任意网页中的网页元素与用户进行互动的方法与设备。其中，互动设备获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；根据所述块树，获得用于与用户进行交互的互动块；根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。与现有技术相比，本发明具有以下优点：一方面用户可基于任意已在浏览器中打开的网页进行预定的互动，从而提升用户体验；另一方面通过在各不同网页中分享通用的互动逻辑，减少各网页开发调试的工作量，从而节约时间成本。
Description
技术领域
本发明涉及互联网技术领域，尤其涉及一种基于网页元素与用户进行互动的方法与设备。
背景技术
随着互联网技术的广泛的应用，网页游戏因其无需下载客户端，而仅需进入特定的网页即可开始游戏而受到欢迎。目前，网页游戏主要基于内嵌在网页中的flash，并且游戏仅在该flash的显示区域内进行，而不能在整个网页中进行。然而上述实现方式存在如下缺点：首先，游戏必须基于特定的网页才可进行，例如，用户需在浏览器中输入该网页游戏所对应的URL(统一资源定位符)以打开该游戏的网页并进行游戏，然而，若该网页的服务器暂时无法访问，则用户无法进行游戏，从而影响用户体验；其次，各网页游戏中存在一些通用的实现逻辑，如游戏角色的确定、游戏角色在网页中的移动等，若在每个网页游戏中分别实现该些逻辑，将增加网页修改与调试的工作量，更近一步地，除网页游戏外，还存在其他通用的用于与用户进行互动的互动逻辑分别在不同的网页中各自实现，例如，诸如注册账号网页、发布评论网页中都存在的校验码输入逻辑，以用于确认当前操作为人工操作而非机器操作，虽然这些校验逻辑的实现几乎相同；再如，存在不同网页分别实现针对其中某些网页元素的动画逻辑，虽然这些动画逻辑也是相同的，这些都将导致较高的网页开发与维护成本。
因此，如何基于任意网页中的网页元素与用户进行互动成为亟需解决的问题。
发明内容
本发明的目的是提供一种基于任意网页中的网页元素与用户进行互动的方法与设备。
根据本发明的一个方面，提供一种计算机实现的基于任意网页中的网页元素与用户进行互动的方法，其中，该方法包括以下步骤：
a获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；
b根据所述块树，获得用于与用户进行交互的互动块；
c根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。
根据本发明的一个方面，提供一种基于任意网页中的网页元素与用户进行互动的设备，其中，该设备包括：
块树获取装置，用于获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；
互动块获取装置，用于根据所述块树，获得用于与用户进行交互的互动块；
渲染装置，用于根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。
与现有技术相比，本发明具有以下优点：一方面，用户可基于任意已在浏览器中打开的网页即可进行预定的互动(如游戏等)，而无需访问互联网服务器中特定的互动网页，从而提升用户体验；一方面，通过在各不同网页中分享通用的互动逻辑(如身份验证逻辑，动画逻辑等)，减少各网页开发调试的工作量，从而节约时间成本，同时，由于该互动逻辑通过直接操作浏览器内核数据实现，其相较于基于诸如Javascript脚本实现的互动逻辑具有更高的执行效率，这对于在处理性能尚有欠缺的用户设备(如智能手机，PDA等)中进行网页互动具有现实意义；另一方面，本发明无需网页中预置动画逻辑，即可实现基于网页中任意网页元素的动画效果，从而提高网页浏览的趣味性，提升用户体验。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：
图1示出浏览器内核的工作原理图；
图2示出根据本发明一个方面基于网页元素与用户进行互动的设备示意图；
图3示出根据本发明另一个方面基于网页元素与用户进行互动的方法流程图；
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
浏览器内核包括浏览器的页面渲染引擎，其将网页内容渲染到浏览器的页面显示区域中。现有主流浏览器内核包括IE浏览器使用的Trident内核、Firefox浏览器使用的Gecko内核、Safari浏览器使用的webkit内核及Opera浏览器使用的Presto内核等。它们工作原理大体相同，现参照图1，以Webkit内核为例介绍浏览器内核的工作原理。首先，浏览器内核获取待渲染的网页所对应的HTML或XHTML文本，并将该文本解析成为一棵文档对象模型(DOM)树，该树的各个节点分别对应该HTML文本中的标签或标签中的内容，即该网页中的网页元素；接着，浏览器内核根据该DOM树，创建与该DOM树相对应的用于渲染该网页的块树(或称渲染树)，该块树的各节点中的“矩形块”(以下简称块)代表页面显示区域中的各渲染子区域，该渲染子区域用于显示与该块相对应的网页元素，各块的块属性至少包含该渲染子区域在页面显示区域中的位置坐标及宽高等属性信息，换言之，该页面显示区域被各块所划分，各块所代表的渲染子区域中显示该块对应的网页元素；随后，浏览器内核通过遍历该块树中各节点的块，以将该网页中的所有网页元素渲染到浏览器的页面显示区域中。在此，所述网页元素包括但不限于网页中的纯文本文字，超文本链接，图片，表格、表单控件(如按钮、文本输入域、下拉列表、单选框、复选框等)等。
图2示出根据本发明一个方面基于网页元素与用户进行互动的设备示意图。互动设备1包括块树获取装置11、互动块获取装置12和渲染装置13。在此，互动设备1包括，但不限于，计算机、智能手机、PDA等任何具有上网浏览功能的设备。
具体地，块树获取装置11获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应。更具体地，块树获取装置11例如通过约定的通信接口从浏览器内核中读取与当前在浏览器页面显示区域中显示的网页相对应的块树，或者通过第三方设备获得该块树。在此，所述约定通信接口包括但不限于浏览器内核提供的应用编程接口(API)等。在此，所述网页包括但不限于来自网络设备中的页面、来自所述浏览器的历史记录中的页面以及浏览器自带的功能页面等。在此，所述浏览器包括但不限于Microsoft公司的IE浏览器、Mozilla公司的Firefox浏览器、Google公司的Chrome浏览器、苹果公司的Safari浏览器、遨游公司的Maxthon浏览器、Opera公司的opera浏览器、360公司的360浏览器、搜狐公司的搜狗浏览器、腾讯公司的腾讯TT浏览器等。在此，所述浏览器内核包括但不限于Trident内核、Gecko内核、webkit内核、Presto内核等。例如，当浏览器为苹果公司的Safari浏览器，其使用的浏览器内核为webkit，用户在该浏览器的地址栏中输入某网页的URL，浏览器根据该URL从本地或网络获取该URL所对应的网页，浏览器内核解析该网页的HTML文本，并创建相应的块树，随后，块树获取装置11通过调用该浏览器内核提供的API读取其中的块树。再如，块树获取装置11向第三方设备发送获取与浏览器的页面显示区域中显示的网页相对应的块树的请求，并接收该第三方设备基于该请求返回的块树。本领域技术人员应能理解上述获取块树的方式仅为举例，其他现有的或今后可能出现的获取块树的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
随后，互动块获取装置12根据所述块树，获得用于与用户进行交互的互动块。具体地，互动块获取装置12根据块树获取装置11提供的块树获取用于与用户进行交互的互动块，其中，互动块获取装置12获取所述互动块的方式包括但不限于：1)按照预定规则，从该块树的各节点中选择若干块作为将与用户进行交互的互动块；2)创建新块，将该(些)新块添加到该块树中，并将该(些)新块作为所述互动块，其中，创建新块包括设置该块的块属性(如其在页面显示区域中的位置、宽高)、设置与该新块对应的新的网页元素等。例如，当预定规则为将显示在页面显示区域左上角和右下角的网页元素所对应的块作为互动块，则互动块获取装置12遍历该块树，并从各节点中的块的块属性中获得各块在页面显示区域中的位置坐标，并据此获得相应的互动块。再如，互动块获取装置12创建一个新块，设置该块在页面显示区域的坐标为(0，0)，其宽高属性为10*10像素，并将一个图片作为与该新块相对应的网页元素，随后，互动块获取装置12通过在该块树中添加新的节点以包含新块，并将该新块作为互动块。接上例，优选地，互动块获取装置12随后还可触发浏览器内核重新遍历该块树，以将该新块所对应的新网页元素渲染到页面显示区域中。本领域技术人员应能理解上述获取互动块的方式仅为举例，其他现有的或今后可能出现的获取互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
接着，渲染装置13根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。具体地，渲染装置13例如监听用户与浏览器的页面显示区域中显示的与该互动块所对应的网页元素的交互消息事件，并按照预设的互动应用的规则，基于该交互消息事件更新相应的互动块的块属性，然后，渲染装置13触发浏览器内核基于该更新的块属性将该块所对应的网页元素重新渲染到该页面显示区域中。例如，当互动应用为某网页元素的动画效果展示，该互动应用的规则为当用户将光标移动到互动块所对应的网页元素之上时，对该网页元素进行放大展示，当光标离开该网页元素时，该网页元素恢复至原始大小，互动块获取装置12获取的互动块的宽高属性为10*10像素，与该互动块相对应的网页元素为一张图片，当用户将光标移动至该图片之上时，渲染装置13根据监听到该用户交互消息事件，修改该互动块的宽高属性至20*20像素，并触发浏览器内核基于该更新的宽高属性在该互动块代表的渲染子区域内按比例重新渲染该图片，以实现该图片的放大显示，同理，当用户将光标移出该图片时，渲染装置13将该互动块的宽高属性恢复至10*10像素，并触发浏览器内核重新渲染该图片，以实现该图片的缩放动画效果。再如，当互动应用为页面操作的验证应用，即验证当前的网页操作为人工操作抑或机器操作，该互动应用的规则为用户按照互动应用的要求将互动块所对应的网页元素显示在指定的位置，互动块获取装置12获取的互动块的宽高属性为10*10像素，与该互动块相对应的网页元素为一段纯文本，该互动应用以弹出对话框或语音播放的形式提示用户首先选中该段纯文本，然后在页面显示区域的指定目标位置的进行鼠标单击以使该段纯文本的显示位置改变到进行鼠标单击的目标位置，用户根据该提示信息进行相应的用户操作，渲染装置13根据监听到的该用户的交互消息事件，将该互动块的位置坐标修改为该指定目标位置的坐标，并触发浏览器内核基于该更新的属性在该互动块代表的新的渲染子区域内渲染该段纯文本，以验证当前的网页操作为人工操作。本领域技术人员应能理解上述用户交互的方式和更新互动块的方式仅为举例，其他现有的或今后可能出现的用户交互的方式或更新互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
在此，所述块树的节点中的块的块属性可包括但不限于以下至少任一项：
-所述块所对应的网页元素在所述页面显示区域中渲染的位置；
-所述块所对应的网页元素在所述页面显示区域中渲染的宽度与高度；
-所述块所对应的网页元素在所述页面显示区域中渲染的颜色；
-所述块所对应的网页元素在所述页面显示区域中渲染的旋转角度。
具体地，所述块属性包括所述块所对应的网页元素在所述页面显示区域中渲染的位置，即该块的坐标位置。例如，渲染装置13可根据该块坐标位置的更新，重新对该块对应的网页元素进行渲染，以使其显示在更新后的坐标位置。所述块属性包括所述块所对应的网页元素在所述页面显示区域中渲染的宽度与高度，即该块的宽高。例如，渲染装置13可根据该块宽高属性的更新，重新对该块对应的网页元素进行渲染，以实现该网页元素的缩放效果。所述块属性包括所述块所对应的网页元素在所述页面显示区域中渲染的颜色。例如，当该网页元素为一段文字，渲染装置13可根据颜色块属性的更新，按照更新后的颜色渲染该段文字。所述块属性包括所述块所对应的网页元素在所述页面显示区域中渲染的旋转角度。例如，渲染装置13可根据旋转角度块属性的更新，按照更新后的旋转角度进行渲染，以实现网页元素的旋转显示。本领域技术人员应能理解，上述各项块属性不仅可以单独用于渲染装置13对该块所对应的网页元素进行渲染，还可以将其中多项结合用于渲染装置13对该块所对应的网页元素进行渲染。本领域技术人员应能理解上述块属性仅为举例，其他现有的或今后可能出现的块属性如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
在此，所述网页可包括但不限于以下至少任一项：
-来自网络设备中的页面；
-来自所述浏览器的历史记录中的页面；
-浏览器的功能页面。
具体地，所述网页包括来自网络设备中的页面，其中，所述网络设备包括但不限于计算机、网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云。在此，云由基于云计算(Cloud Computing)的大量计算机或网络服务器构成，其中，云计算是分布式计算的一种，由一群松散耦合的计算机集组成的一个超级虚拟计算机。例如，浏览器可通过诸如http、https等网络协议从该网络设备获取网页。所述网页包括来自所述浏览器的历史记录中的页面。例如，浏览器直接访问缓存在本地的历史浏览过的网页。所述网页包括浏览器的功能页面，其中，所述功能页面包括但不限于浏览器自带的导航页面、搜索页面、空白页面等。本领域技术人员应能理解上述网页仅为举例，其他现有的或今后可能出现的网页如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
优选地，块树获取装置11、互动块获取装置12和渲染装置13之间是持续不断地工作。具体地，块树获取装置11获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；随后，互动块获取装置12根据所述块树，获得用于与用户进行交互的互动块；接着，渲染装置13根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中；在此，本领域技术人员应理解“持续”是指各装置分别按照设定的或实时调整的工作模式要求进行块树的获取、互动块的获取、及互动块所对应的网页元素的重新渲染展示，直至块树获取装置11在较长时间内停止对用户选择的搜索结果的获取。
优选地，互动块获取装置12还可根据所述块树，按照预定规则，获得所述互动块。具体地，互动块获取装置12还可根据块树获取装置11提供的块树，按照预定规则，获得用于与用户进行交互的互动块，在此，所述预定规则包括但不限于将其所对应的网页元素为图片的所有块作为所述互动块、根据与用户交互，将与该用户所选定的网页元素相对应的块作为所述互动块等。例如，互动块获取装置12通过遍历块树中的所有节点，获取各节点的块所对应的网页元素，据此获得其所对应的网页元素为图片的块，并将该(些)块作为用于与用户进行交互的互动块。本领域技术人员应能理解上述获取互动块的方式仅为举例，其他现有的或今后可能出现的获取互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
优选地，所述互动块获取装置12按照基于以下至少任一项的预定规则获得所述互动块：
-所述块所对应的网页元素在所述页面显示区域中的位置；
-所述块所对应的网页元素的类型；
-所述用户选择的网页元素。
具体地，当所述预定规则为基于所述块所对应的网页元素在所述页面显示区域中的位置获得所述块时，则互动块获取装置12根据该块所对应的网页元素在所述页面显示区域的特定位置，如左上角或右下角，来获取与用户进行交互的互动块；当所述预定规则为基于所述块所对应的网页元素的类型获得所述块时，其中，网页元素的类型包括但不限于文字、图片、表单控件等，则互动块获取装置12获取特定类型的网页元素所对应的块作为互动块；当所述预定规则基于所述用户选择的网页元素，则互动块获取装置12获取用户选择的网页元素所对应的块作为互动块，例如，用户通过与浏览器显示区域进行用户交互来选中某(些)网页元素，互动块获取装置12通过监听用户的交互消息事件，获取该用户所选中的网页元素，据此从块树中获得与该网页元素相对应的块，并将该(些)块作为用于与用户进行交互的互动块。本领域技术人员应能理解，上述各项预定规则不仅可以单独用于互动块获取装置12获取互动块，还可以将其中多项结合用于互动块获取装置12获取互动块。本领域技术人员应能理解上述预定规则仅为举例，其他现有的或今后可能出现的预定规则如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
优选地，互动块获取装置12还可在所述块树中生成新块，并将其作为所述互动块。具体地，互动块获取装置12还可根据预定的互动应用或用户请求在所述块树中生成新块，并将其作为互动块。例如，当互动应用为一只乌鸦从页面显示区域的左上角飞向该页面显示区域的右上角的动画效果，则互动块获取装置12首先创建一个新块，设置该块的块属性中的位置坐标为(0，0)，将乌鸦图片作为该新块的所对应的网页元素，并将该乌鸦图片的尺寸大小赋予该块的宽高属性。优选地，接上例，互动块获取装置12随后还可触发浏览器内核重新遍历该块树，以将该新块所对应的乌鸦图片渲染到页面显示区域中。本领域技术人员应能理解上述获取互动块的方式仅为举例，其他现有的或今后可能出现的获取互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
在一个优选实施例中(参照图1)，互动设备1还包括映射装置(未示出)。以下参照图1对该优选实施例进行详细描述，其中，块树获取装置11获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；随后，互动块获取装置12根据所述块树，获得用于与用户进行交互的互动块；接着，渲染装置13根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中；其具体过程与前述参照图1所描述的实施例中块树获取装置11、互动块获取装置12和渲染装置13所执行的过程相同，为简明起见，以引用方式包含于此，而不做赘述。
具体地，所述映射装置将所述互动块所对应的网页元素映射为预设网页游戏中的游戏对象；接着，所述渲染装置13根据与所述用户的交互，按照所述预设网页游戏的规则，来更新与所述映射为游戏对象的网页元素相对应的互动块的块属性，以基于更新的块属性来将所述映射为该游戏对象的网页元素重新渲染到所述页面显示区域中。更具体地，所述映射装置将互动块获取装置12获得的互动块所对应的网页元素映射为预设网页游戏中的游戏对象，其中，所述预设的网页游戏可存储在互动设备1中，或可存储在浏览器内核中；接着，用户在该网页的页面显示区域操作该游戏对象，渲染装置13监听该用户的游戏对象操作消息事件，按照该网页游戏的规则，来更新与该映射为游戏对象的网页元素相对应的互动块的块属性，以基于更新的块属性来将该映射为该游戏对象的网页元素重新渲染到所述页面显示区域中，以此实现该用户进行该网页游戏。例如，当网页游戏为王子救公主，映射装置将互动块A所对应的网页元素映射为王子，而将互动块B所对应网页元素映射为公主，优选地，映射装置还可将互动块A所对应的网页元素更新为王子的图片，而将互动块B所对应网页元素更新为公主的图片；接着，用户在页面显示区域中选中王子，然后在公主的位置进行鼠标单击，以指示王子向公主的位置移动，渲染装置13接收到该用户的游戏对象操作消息事件，沿着互动块A的块属性中的位置坐标与互动块B的块属性中的位置坐标的直线连接的方向上，更新互动块A的块属性中位置坐标，并触发浏览器内核重新渲染王子的图片以改变其显示位置，由此，渲染装置13通过连续地更新互动块A的块属性中的的位置坐标，并以此重新渲染王子的图片的显示位置，从而在页面显示区域中实现王子向公主移动的游戏操作效果。本领域技术人员应能理解上述映射游戏对象的方式仅为举例，其他现有的或今后可能出现的映射游戏对象的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
优选地，所述互动块获取装置12还可根据所述预设网页游戏，在所述块树中生成新块，并将其作为所述互动块。具体地，互动块获取装置12例如还可根据预设的诸如王子救公主的网页游戏中具有的游戏角色，在块树中生成新块，该新块的块属性中的位置坐标为游戏角色的初始位置，该新块的块属性中的宽高为该游戏角色的大小，该新块所对应的新增网页元素为该游戏角色的图像，并将该新块作为与用户进行交互的互动块。本领域技术人员应能理解上述获得互动块的方式仅为举例，其他现有的或今后可能出现的获得互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
此外，上述互动设备1可以与现有的浏览器相结合，构成一种新的浏览器，还可以作为浏览器插件，与现有的浏览器相结合，现有的浏览器可以是例如Microsoft公司的IE浏览器、Mozilla公司的Firefox浏览器、Google公司的Chrome浏览器、遨游公司的Maxthon浏览器、Opera公司的opera浏览器、360公司的360浏览器、搜狐公司的搜狗浏览器、腾讯公司的腾讯TT浏览器等。
图3示出根据本发明一个方面基于网页元素与用户进行互动的方法流程图。在此，互动设备1包括，但不限于，计算机、智能手机、PDA等任何具有上网浏览功能的设备。
具体地，在步骤S1中，互动设备1获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应。更具体地，在步骤S1中，互动设备1例如通过约定的通信接口从浏览器内核中读取与当前在浏览器页面显示区域中显示的网页相对应的块树，或者通过第三方设备获得该块树。在此，所述约定通信接口包括但不限于浏览器内核提供的应用编程接口(API)等。在此，所述网页包括但不限于来自网络设备中的页面、来自所述浏览器的历史记录中的页面以及浏览器自带的功能页面等。在此，所述浏览器包括但不限于Microsoft公司的IE浏览器、Mozilla公司的Firefox浏览器、Google公司的Chrome浏览器、苹果公司的Safari浏览器、遨游公司的Maxthon浏览器、Opera公司的opera浏览器、360公司的360浏览器、搜狐公司的搜狗浏览器、腾讯公司的腾讯TT浏览器等。在此，所述浏览器内核包括但不限于Trident内核、Gecko内核、webkit内核、Presto内核等。例如，当浏览器为苹果公司的Safari浏览器，其使用的浏览器内核为webkit，用户在该浏览器的地址栏中输入某网页的URL，浏览器根据该URL从本地或网络获取该URL所对应的网页，浏览器内核解析该网页的HTML文本，并创建相应的块树，随后，在步骤S1中，互动设备1通过调用该浏览器内核提供的API读取其中的块树。再如，在步骤S1中，互动设备1向第三方设备发送获取与浏览器的页面显示区域中显示的网页相对应的块树的请求，并接收该第三方设备基于该请求返回的块树。本领域技术人员应能理解上述获取块树的方式仅为举例，其他现有的或今后可能出现的获取块树的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
随后，在步骤S2中，互动设备1根据所述块树，获得用于与用户进行交互的互动块。具体地，在步骤S2中，互动设备1根据其在步骤S1中获得的块树，获取用于与用户进行交互的互动块，其中，在步骤S2中，互动设备1获取所述互动块的方式包括但不限于：1)按照预定规则，从该块树的各节点中选择若干块作为将与用户进行交互的互动块；2)创建新块，将该(些)新块添加到该块树中，并将该(些)新块作为所述互动块，其中，创建新块包括设置该块的块属性(如其在页面显示区域中的位置、宽高)、设置与该新块对应的新的网页元素等。例如，当预定规则为将显示在页面显示区域左上角和右下角的网页元素所对应的块作为互动块，则在步骤S2中，互动设备1遍历该块树，并从各节点中的块的块属性中获得各块在页面显示区域中的位置坐标，并据此获得相应的互动块。再如，在步骤S2中，互动设备1创建一个新块，设置该块在页面显示区域的坐标为(0，0)，其宽高属性为10*10像素，并将一个图片作为与该新块相对应的网页元素，随后，在步骤S2中，互动设备1通过在该块树中添加新的节点以包含新块，并将该新块作为互动块。接上例，优选地，在步骤S2中，互动设备1随后还可触发浏览器内核重新遍历该块树，以将该新块所对应的新网页元素渲染到页面显示区域中。本领域技术人员应能理解上述获取互动块的方式仅为举例，其他现有的或今后可能出现的获取互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
接着，在步骤S3中，互动设备1根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。具体地，在步骤S3中，互动设备1例如监听用户与浏览器的页面显示区域中显示的与该互动块所对应的网页元素的交互消息事件，并按照预设的互动应用的规则，基于该交互消息事件更新相应的互动块的块属性，然后，在步骤S3中，互动设备1触发浏览器内核基于该更新的块属性将该块所对应的网页元素重新渲染到该页面显示区域中。例如，当互动应用为某网页元素的动画效果展示，该互动应用的规则为当用户将光标移动到互动块所对应的网页元素之上时，对该网页元素进行放大展示，当光标离开该网页元素时，该网页元素恢复至原始大小，在步骤S2中，互动设备1获取的互动块的宽高属性为10*10像素，与该互动块相对应的网页元素为一张图片，当用户将光标移动至该图片之上时，在步骤S3中，互动设备1根据监听到该用户交互消息事件，修改该互动块的宽高属性至20*20像素，并触发浏览器内核基于该更新的宽高属性在该互动块代表的渲染子区域内按比例重新渲染该图片，以实现该图片的放大显示，同理，当用户将光标移出该图片时，在步骤S3中，互动设备1将该互动块的宽高属性恢复至10*10像素，并触发浏览器内核重新渲染该图片，以实现该图片的缩放动画效果。再如，当互动应用为页面操作的验证应用，即验证当前的网页操作为人工操作抑或机器操作，该互动应用的规则为用户按照互动应用的要求将互动块所对应的网页元素显示在指定的位置，在步骤S2中，互动设备1获取的互动块的宽高属性为10*10像素，与该互动块相对应的网页元素为一段纯文本，该互动应用以弹出对话框或语音播放的形式提示用户首先选中该段纯文本，然后在页面显示区域的指定目标位置的进行鼠标单击以使该段纯文本的显示位置改变到进行鼠标单击的目标位置，用户根据该提示信息进行相应的用户操作，在步骤S3中，互动设备1根据监听到的该用户的交互消息事件，将该互动块的位置坐标修改为该指定目标位置的坐标，并触发浏览器内核基于该更新的属性在该互动块代表的新的渲染子区域内渲染该段纯文本，以验证当前的网页操作为人工操作。本领域技术人员应能理解上述用户交互的方式和更新互动块的方式仅为举例，其他现有的或今后可能出现的用户交互的方式或更新互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
在此，所述块树的节点中的块的块属性可包括但不限于以下至少任一项：
-所述块所对应的网页元素在所述页面显示区域中渲染的位置；
-所述块所对应的网页元素在所述页面显示区域中渲染的宽度与高度；
-所述块所对应的网页元素在所述页面显示区域中渲染的颜色；
-所述块所对应的网页元素在所述页面显示区域中渲染的旋转角度。
具体地，所述块属性包括所述块所对应的网页元素在所述页面显示区域中渲染的位置，即该块的坐标位置。例如，在步骤S3中，互动设备1可根据该块坐标位置的更新，重新对该块对应的网页元素进行渲染，以使其显示在更新后的坐标位置。所述块属性包括所述块所对应的网页元素在所述页面显示区域中渲染的宽度与高度，即该块的宽高。例如，在步骤S3中，互动设备1可根据该块宽高属性的更新，重新对该块对应的网页元素进行渲染，以实现该网页元素的缩放效果。所述块属性包括所述块所对应的网页元素在所述页面显示区域中渲染的颜色。例如，当该网页元素为一段文字，在步骤S3中，互动设备1可根据颜色块属性的更新，按照更新后的颜色渲染该段文字。所述块属性包括所述块所对应的网页元素在所述页面显示区域中渲染的旋转角度。例如，在步骤S3中，互动设备1可根据旋转角度块属性的更新，按照更新后的旋转角度进行渲染，以实现网页元素的旋转显示。本领域技术人员应能理解，上述各项块属性不仅可以单独用于互动设备1对该块所对应的网页元素进行渲染，还可以将其中多项结合用于互动设备1对该块所对应的网页元素进行渲染。本领域技术人员应能理解上述块属性仅为举例，其他现有的或今后可能出现的块属性如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
在此，所述网页可包括但不限于以下至少任一项：
-来自网络设备中的页面；
-来自所述浏览器的历史记录中的页面；
-浏览器的功能页面。
具体地，所述网页包括来自网络设备中的页面，其中，所述网络设备包括但不限于计算机、网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云。在此，云由基于云计算(Cloud Computing)的大量计算机或网络服务器构成，其中，云计算是分布式计算的一种，由一群松散耦合的计算机集组成的一个超级虚拟计算机。例如，浏览器可通过诸如http、https等网络协议从该网络设备获取网页。所述网页包括来自所述浏览器的历史记录中的页面。例如，浏览器直接访问缓存在本地的历史浏览过的网页。所述网页包括浏览器的功能页面，其中，所述功能页面包括但不限于浏览器自带的导航页面、搜索页面、空白页面等。本领域技术人员应能理解上述网页仅为举例，其他现有的或今后可能出现的网页如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
优选地，上述各步骤之间是持续不断地工作。具体地，在步骤S1中，互动设备1获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；随后，在步骤S2中，互动设备1根据所述块树，获得用于与用户进行交互的互动块；接着，在步骤S3中，互动设备1根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中；在此，本领域技术人员应理解“持续”是指各步骤分别按照设定的或实时调整的工作模式要求进行块树的获取、互动块的获取、及互动块所对应的网页元素的重新渲染展示，直至互动设备1在较长时间内停止对用户选择的搜索结果的获取。
优选地，在步骤S2中，互动设备1还可根据所述块树，按照预定规则，获得所述互动块。具体地，在步骤S2中，互动设备1还可根据其在步骤S1中获得的块树，按照预定规则，获得用于与用户进行交互的互动块，在此，所述预定规则包括但不限于将其所对应的网页元素为图片的所有块作为所述互动块、根据与用户交互，将与该用户所选定的网页元素相对应的块作为所述互动块等。例如，在步骤S2中，互动设备1通过遍历块树中的所有节点，获取各节点的块所对应的网页元素，据此获得其所对应的网页元素为图片的块，并将该(些)块作为用于与用户进行交互的互动块。本领域技术人员应能理解上述获取互动块的方式仅为举例，其他现有的或今后可能出现的获取互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
优选地，在步骤S2中，互动设备1按照基于以下至少任一项的预定规则获得所述互动块：
-所述块所对应的网页元素在所述页面显示区域中的位置；
-所述块所对应的网页元素的类型；
-所述用户选择的网页元素。
具体地，当所述预定规则为基于所述块所对应的网页元素在所述页面显示区域中的位置获得所述块时，则在步骤S2中，互动设备1根据该块所对应的网页元素在所述页面显示区域的特定位置，如左上角或右下角，来获取与用户进行交互的互动块；当所述预定规则为基于所述块所对应的网页元素的类型获得所述块时，其中，网页元素的类型包括但不限于文字、图片、表单控件等，则在步骤S2中，互动设备1获取特定类型的网页元素所对应的块作为互动块；当所述预定规则基于所述用户选择的网页元素，则在步骤S2中，互动设备1获取用户选择的网页元素所对应的块作为互动块，例如，用户通过与浏览器显示区域进行用户交互来选中某(些)网页元素，在步骤S2中，互动设备1通过监听用户的交互消息事件，获取该用户所选中的网页元素，据此从块树中获得与该网页元素相对应的块，并将该(些)块作为用于与用户进行交互的互动块。本领域技术人员应能理解，上述各项预定规则不仅可以单独用于互动设备1获取互动块，还可以将其中多项结合用于互动设备1获取互动块。本领域技术人员应能理解上述预定规则仅为举例，其他现有的或今后可能出现的预定规则如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
优选地，在步骤S2中，互动设备1还可在所述块树中生成新块，并将其作为所述互动块。具体地，在步骤S2中，互动设备1还可根据预定的互动应用或用户请求在所述块树中生成新块，并将其作为互动块。例如，当互动应用为一只乌鸦从页面显示区域的左上角飞向该页面显示区域的右上角的动画效果，则在步骤S2中，互动设备1首先创建一个新块，设置该块的块属性中的位置坐标为(0，0)，将乌鸦图片作为该新块的所对应的网页元素，并将该乌鸦图片的尺寸大小赋予该块的宽高属性。优选地，接上例，在步骤S2中，互动设备1随后还可触发浏览器内核重新遍历该块树，以将该新块所对应的乌鸦图片渲染到页面显示区域中。本领域技术人员应能理解上述获取互动块的方式仅为举例，其他现有的或今后可能出现的获取互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
在一个优选实施例中(参照图1)，互动设备1该过程还包括步骤S4(未示出)。以下参照图1对该优选实施例进行详细描述，其中，在步骤S1中，互动设备1获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；随后，在步骤S2中，互动设备1根据所述块树，获得用于与用户进行交互的互动块；接着，在步骤S3中，互动设备1根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中；其具体过程与前述参照图1所描述的实施例中在步骤S1、S2和S3所执行的过程相同，为简明起见，以引用方式包含于此，而不做赘述。
具体地，在步骤S4中，互动设备1将所述互动块所对应的网页元素映射为预设网页游戏中的游戏对象；接着，在步骤S3中，互动设备1根据与所述用户的交互，按照所述预设网页游戏的规则，来更新与所述映射为游戏对象的网页元素相对应的互动块的块属性，以基于更新的块属性来将所述映射为该游戏对象的网页元素重新渲染到所述页面显示区域中。更具体地，在步骤S4中，互动设备1将其在步骤S2获得的互动块所对应的网页元素映射为预设网页游戏中的游戏对象，其中，所述预设的网页游戏可存储在互动设备1中，或可存储在浏览器内核中；接着，用户在该网页的页面显示区域操作该游戏对象，在步骤S3中，互动设备1监听该用户的游戏对象操作消息事件，按照该网页游戏的规则，来更新与该映射为游戏对象的网页元素相对应的互动块的块属性，以基于更新的块属性来将该映射为该游戏对象的网页元素重新渲染到所述页面显示区域中，以此实现该用户进行该网页游戏。例如，当网页游戏为王子救公主，在步骤S4中，互动设备1将互动块A所对应的网页元素映射为王子，而将互动块B所对应网页元素映射为公主，优选地，在步骤S4中，互动设备1还可将互动块A所对应的网页元素更新为王子的图片，而将互动块B所对应网页元素更新为公主的图片；接着，用户在页面显示区域中选中王子，然后在公主的位置进行鼠标单击，以指示王子向公主的位置移动，在步骤S3中，互动设备1接收到该用户的游戏对象操作消息事件，沿着互动块A的块属性中的位置坐标与互动块B的块属性中的位置坐标的直线连接的方向上，更新互动块A的块属性中位置坐标，并触发浏览器内核重新渲染王子的图片以改变其显示位置，由此，在步骤S3中，互动设备1通过连续地更新互动块A的块属性中的的位置坐标，并以此重新渲染王子的图片的显示位置，从而在页面显示区域中实现王子向公主移动的游戏操作效果。本领域技术人员应能理解上述映射游戏对象的方式仅为举例，其他现有的或今后可能出现的映射游戏对象的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
优选地，在步骤S2中，互动设备1还可根据所述预设网页游戏，在所述块树中生成新块，并将其作为所述互动块。具体地，在步骤S2中，互动设备1例如还可根据预设的诸如王子救公主的网页游戏中具有的游戏角色，在块树中生成新块，该新块的块属性中的位置坐标为游戏角色的初始位置，该新块的块属性中的宽高属性为该游戏角色的大小，该新块所对应的新增网页元素为该游戏角色的图像，并将该新块作为与用户进行交互的互动块。本领域技术人员应能理解上述获得互动块的方式仅为举例，其他现有的或今后可能出现的获得互动块的方式如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。
Claims (16)
1.一种计算机实现的基于网页元素与用户进行互动的方法，其中，该方法包括以下步骤：
a获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；
b根据所述块树，获得用于与用户进行交互的互动块；
c根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。
2.根据权利要求1所述的方法，其中，所述步骤b还包括：
-根据所述块树，按照预定规则，获得所述互动块。
3.根据权利要求2所述的方法，其中，按照基于以下至少任一项的预定规则获得所述互动块：
-所述块所对应的网页元素在所述页面显示区域中的位置；
-所述块所对应的网页元素的类型；
-所述用户选择的网页元素。
4.根据权利要求1所述的方法，其中，所述步骤b还包括：
-在所述块树中生成新块，并将其作为所述互动块。
5.根据权利要求1至4中任一项所述的方法，其中，该方法还包括：
-将所述互动块所对应的网页元素映射为预设网页游戏中的游戏对象；
其中，所述步骤c还包括：
-根据与所述用户的交互，按照所述预设网页游戏的规则，来更新与所述映射为游戏对象的网页元素相对应的互动块的块属性，以基于更新的块属性来将所述映射为该游戏对象的网页元素重新渲染到所述页面显示区域中。
6.根据权利要求5所述的方法，其中，所述步骤b还包括：
-根据所述预设网页游戏，在所述块树中生成新块，并将其作为所述互动块。
7.根据权利要求1至6中任一项所述的方法，其中，所述块属性包括以下至少任一项：
-所述块所对应的网页元素在所述页面显示区域中渲染的位置；
-所述块所对应的网页元素在所述页面显示区域中渲染的宽度与高度；
-所述块所对应的网页元素在所述页面显示区域中渲染的颜色；
-所述块所对应的网页元素在所述页面显示区域中渲染的旋转角度。
8.根据权利要求1至7中任一项所述的方法，其中，所述网页包括以下至少任一项：
-来自网络设备中的页面；
-来自所述浏览器的历史记录中的页面；
-浏览器的功能页面。
9.一种基于网页元素与用户进行互动的设备，其中，该设备包括：
块树获取装置，用于获取与浏览器的页面显示区域中显示的网页相对应的浏览器内核中的块树，其中所述块树的各树节点中的块与所述网页的各网页元素相对应；
互动块获取装置，用于根据所述块树，获得用于与用户进行交互的互动块；
渲染装置，用于根据与所述用户的交互，更新所述互动块的块属性，以基于更新的块属性来将所述互动块所对应的网页元素重新渲染到所述页面显示区域中。
10.根据权利要求9所述的设备，其中，所述互动块获取装置还用于根据所述块树，按照预定规则，获得所述互动块。
11.根据权利要求10所述的设备，其中，所述互动块获取装置按照基于以下至少任一项的预定规则获得所述互动块：
-所述块所对应的网页元素在所述页面显示区域中的位置；
-所述块所对应的网页元素的类型；
-所述用户选择的网页元素。
12.根据权利要求9所述的设备，其中，所述互动块获取装置还用于在所述块树中生成新块，并将其作为所述互动块。
13.根据权利要求9至12中任一项所述的设备，其中，该设备还包括：
映射装置，用于将所述互动块所对应的网页元素映射为预设网页游戏中的游戏对象；
其中，所述渲染装置还用于根据与所述用户的交互，按照所述预设网页游戏的规则，来更新与所述映射为游戏对象的网页元素相对应的互动块的块属性，以基于更新的块属性来将所述映射为该游戏对象的网页元素重新渲染到所述页面显示区域中。
14.根据权利要求13所述的设备，其中，所述互动块获取装置还用于根据所述预设网页游戏，在所述块树中生成新块，并将其作为所述互动块。
15.根据权利要求9至14中任一项所述的设备，其中，所述块属性包括以下至少任一项：
-所述块所对应的网页元素在所述页面显示区域中渲染的位置；
-所述块所对应的网页元素在所述页面显示区域中渲染的宽度与高度；
-所述块所对应的网页元素在所述页面显示区域中渲染的颜色；
-所述块所对应的网页元素在所述页面显示区域中渲染的旋转角度。
16.根据权利要求9至15中任一项所述的设备，其中，所述网页包括以下至少任一项：
-来自网络设备中的页面；
-来自所述浏览器的历史记录中的页面；
-浏览器的功能页面。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110246795.0A CN102306174B (zh) | 2011-08-24 | 2011-08-24 | 一种基于网页元素与用户进行互动的方法与设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110246795.0A CN102306174B (zh) | 2011-08-24 | 2011-08-24 | 一种基于网页元素与用户进行互动的方法与设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102306174A true CN102306174A (zh) | 2012-01-04 |
| CN102306174B CN102306174B (zh) | 2014-01-15 |
Family
ID=45380036
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110246795.0A Active CN102306174B (zh) | 2011-08-24 | 2011-08-24 | 一种基于网页元素与用户进行互动的方法与设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102306174B (zh) |
Cited By (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102663056A (zh) * | 2012-03-29 | 2012-09-12 | 奇智软件（北京）有限公司 | 一种图片元素显示方法和装置 |
| CN103473348A (zh) * | 2013-09-24 | 2013-12-25 | 青岛海信电器股份有限公司 | 网页浏览器导航方法、网页浏览器导航装置和电视机 |
| CN103777989A (zh) * | 2012-10-25 | 2014-05-07 | 阿里巴巴集团控股有限公司 | 用于将视觉稿源文件生成html标记的方法及系统 |
| CN103984686A (zh) * | 2013-02-07 | 2014-08-13 | 阿里巴巴集团控股有限公司 | 页面切换方法及装置 |
| CN104765844A (zh) * | 2015-04-16 | 2015-07-08 | 北京京东尚科信息技术有限公司 | 一种网站页面的生成方法和装置 |
| CN105389323A (zh) * | 2014-08-29 | 2016-03-09 | 三星电子株式会社 | 选择网页上的区域的方法及其电子设备 |
| CN103870558B (zh) * | 2012-03-29 | 2017-01-25 | 北京奇虎科技有限公司 | 页面渲染方法和遮罩层创建方法 |
| CN106383686A (zh) * | 2016-10-09 | 2017-02-08 | 广州视睿电子科技有限公司 | 一种html图片显示方法及装置 |
| CN106708958A (zh) * | 2016-11-30 | 2017-05-24 | 北京小米移动软件有限公司 | 浏览器内核的排版结构展现方法及装置 |
| CN106775651A (zh) * | 2016-11-25 | 2017-05-31 | 广州酷狗计算机科技有限公司 | 网页元素移位方法及装置 |
| CN106910250A (zh) * | 2017-02-28 | 2017-06-30 | 百度在线网络技术（北京）有限公司 | 用于在虚拟现实场景中操作页面的方法和装置 |
| CN107341248A (zh) * | 2017-07-07 | 2017-11-10 | 深圳易嘉恩科技有限公司 | 基于flex的票据图片浏览器 |
| CN111079038A (zh) * | 2019-11-01 | 2020-04-28 | 上海掌门科技有限公司 | 一种在应用中输入信息的方法与设备 |
| CN112417345A (zh) * | 2021-01-25 | 2021-02-26 | 北京小米移动软件有限公司 | 渲染方法、装置、电子设备及存储介质 |
| CN112667330A (zh) * | 2020-12-18 | 2021-04-16 | 中国平安人寿保险股份有限公司 | 一种页面显示方法及计算机设备 |
| CN113377264A (zh) * | 2021-06-02 | 2021-09-10 | 浪潮软件股份有限公司 | 一种网页中反馈式交互方法 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101951405A (zh) * | 2010-09-17 | 2011-01-19 | 中山大学 | 一种基于webkit的机顶盒中间件的实现方法 |
| CN102057654A (zh) * | 2008-07-03 | 2011-05-11 | 庞鑫 | 移动装置的应用程序框架 |
| CN102065338A (zh) * | 2010-10-29 | 2011-05-18 | 广东星海数字家庭产业技术研究院有限公司 | 一种数字电视交互服务标签语言解析方法及系统 |
-
2011
- 2011-08-24 CN CN201110246795.0A patent/CN102306174B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102057654A (zh) * | 2008-07-03 | 2011-05-11 | 庞鑫 | 移动装置的应用程序框架 |
| CN101951405A (zh) * | 2010-09-17 | 2011-01-19 | 中山大学 | 一种基于webkit的机顶盒中间件的实现方法 |
| CN102065338A (zh) * | 2010-10-29 | 2011-05-18 | 广东星海数字家庭产业技术研究院有限公司 | 一种数字电视交互服务标签语言解析方法及系统 |
Non-Patent Citations (1)
| Title |
|---|
| 赵晓峰: "利用A JA X 构建动态W E B", 《深圳信息职业技术学院学报》, vol. 4, no. 1, 31 March 2006 (2006-03-31), pages 27 - 2 * |
Cited By (24)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103870558B (zh) * | 2012-03-29 | 2017-01-25 | 北京奇虎科技有限公司 | 页面渲染方法和遮罩层创建方法 |
| CN102663056A (zh) * | 2012-03-29 | 2012-09-12 | 奇智软件（北京）有限公司 | 一种图片元素显示方法和装置 |
| CN102663056B (zh) * | 2012-03-29 | 2014-05-28 | 北京奇虎科技有限公司 | 一种图片元素显示方法和装置 |
| CN103777989A (zh) * | 2012-10-25 | 2014-05-07 | 阿里巴巴集团控股有限公司 | 用于将视觉稿源文件生成html标记的方法及系统 |
| CN103984686A (zh) * | 2013-02-07 | 2014-08-13 | 阿里巴巴集团控股有限公司 | 页面切换方法及装置 |
| CN103473348B (zh) * | 2013-09-24 | 2017-02-22 | 青岛海信电器股份有限公司 | 网页浏览器导航方法、网页浏览器导航装置和电视机 |
| CN103473348A (zh) * | 2013-09-24 | 2013-12-25 | 青岛海信电器股份有限公司 | 网页浏览器导航方法、网页浏览器导航装置和电视机 |
| CN105389323A (zh) * | 2014-08-29 | 2016-03-09 | 三星电子株式会社 | 选择网页上的区域的方法及其电子设备 |
| CN104765844A (zh) * | 2015-04-16 | 2015-07-08 | 北京京东尚科信息技术有限公司 | 一种网站页面的生成方法和装置 |
| CN104765844B (zh) * | 2015-04-16 | 2019-02-19 | 北京京东尚科信息技术有限公司 | 一种网站页面的生成方法和装置 |
| CN106383686A (zh) * | 2016-10-09 | 2017-02-08 | 广州视睿电子科技有限公司 | 一种html图片显示方法及装置 |
| CN106775651A (zh) * | 2016-11-25 | 2017-05-31 | 广州酷狗计算机科技有限公司 | 网页元素移位方法及装置 |
| CN106708958A (zh) * | 2016-11-30 | 2017-05-24 | 北京小米移动软件有限公司 | 浏览器内核的排版结构展现方法及装置 |
| CN106708958B (zh) * | 2016-11-30 | 2020-03-17 | 北京小米移动软件有限公司 | 浏览器内核的排版结构展现方法及装置 |
| CN106910250A (zh) * | 2017-02-28 | 2017-06-30 | 百度在线网络技术（北京）有限公司 | 用于在虚拟现实场景中操作页面的方法和装置 |
| CN107341248A (zh) * | 2017-07-07 | 2017-11-10 | 深圳易嘉恩科技有限公司 | 基于flex的票据图片浏览器 |
| CN111079038A (zh) * | 2019-11-01 | 2020-04-28 | 上海掌门科技有限公司 | 一种在应用中输入信息的方法与设备 |
| CN111079038B (zh) * | 2019-11-01 | 2023-11-17 | 上海掌门科技有限公司 | 一种在应用中输入信息的方法与设备 |
| CN112667330A (zh) * | 2020-12-18 | 2021-04-16 | 中国平安人寿保险股份有限公司 | 一种页面显示方法及计算机设备 |
| CN112667330B (zh) * | 2020-12-18 | 2024-02-09 | 中国平安人寿保险股份有限公司 | 一种页面显示方法及计算机设备 |
| CN112417345A (zh) * | 2021-01-25 | 2021-02-26 | 北京小米移动软件有限公司 | 渲染方法、装置、电子设备及存储介质 |
| CN112417345B (zh) * | 2021-01-25 | 2021-04-13 | 北京小米移动软件有限公司 | 渲染方法、装置、电子设备及存储介质 |
| US11604849B2 (en) | 2021-01-25 | 2023-03-14 | Beijing Xiaomi Mobile Software Co., Ltd. | Rendering method, electronic device and storage medium |
| CN113377264A (zh) * | 2021-06-02 | 2021-09-10 | 浪潮软件股份有限公司 | 一种网页中反馈式交互方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102306174B (zh) | 2014-01-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102306174B (zh) | 一种基于网页元素与用户进行互动的方法与设备 | |
| US10185782B2 (en) | Mode identification for selective document content presentation | |
| US10643023B2 (en) | Programmatic native rendering of structured content | |
| CN102004756B (zh) | 跨越web映射的流量可视化 | |
| US9977765B2 (en) | Information processing device, information processing method, information processing program, display control device, and display control program | |
| CN103890795B (zh) | 用于在广告单元中显示广告的系统和方法 | |
| US20130326333A1 (en) | Mobile Content Management System | |
| CN105260170B (zh) | 一种基于案例的突发事件态势推演方法及系统 | |
| US20140047413A1 (en) | Developing, Modifying, and Using Applications | |
| CN104834753A (zh) | 生成网页截图的方法及其装置 | |
| CN110081891A (zh) | 使用非光栅地图数据的修改来渲染地图图像的方法和设备 | |
| CN105900091A (zh) | 加速文档加载 | |
| KR20150079867A (ko) | Html5-프로토콜 기반 웹페이지 표시 방법 및 장치 | |
| CN104679906A (zh) | 利用图片生成链接的方法及系统 | |
| CN102411614A (zh) | 图像搜索结果的显示 | |
| CN102629273A (zh) | 基于浏览器的广告信息推送方法、装置及浏览器系统 | |
| CN104035753A (zh) | 一种双WebView展示定制页面的方法及系统 | |
| GB2536354A (en) | Method for intelligent web reference preloading based on user behavior prediction | |
| CN108959595B (zh) | 基于虚拟与现实的网站构建和体验方法及其装置 | |
| CN103597469A (zh) | 集成开发环境中的实况浏览器工具 | |
| CN106844635A (zh) | 网页中的元素的编辑方法及装置 | |
| CN114357345A (zh) | 图片处理方法、装置、电子设备及计算机可读存储介质 | |
| CN105027110A (zh) | 创建动画内容项的系统和方法 | |
| CN104272291A (zh) | 唯一地识别脚本文件 | |
| CN106874502A (zh) | 一种视频搜索的方法、装置及终端 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |