CN107168969A - 一种页面元素控制方法、装置及电子设备 - Google Patents
一种页面元素控制方法、装置及电子设备 Download PDFInfo
- Publication number
- CN107168969A CN107168969A CN201610128481.3A CN201610128481A CN107168969A CN 107168969 A CN107168969 A CN 107168969A CN 201610128481 A CN201610128481 A CN 201610128481A CN 107168969 A CN107168969 A CN 107168969A
- Authority
- CN
- China
- Prior art keywords
- operation object
- operand
- area
- page
- accessed
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Digital Computer Display Output (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及互联网领域,尤其涉及一种页面元素控制方法、装置及电子设备,以解决现有技术中网络访问效率低的技术问题。该方法包括:首先检测获得对被访问页面的访问操作,进而显示所述被访问页面;然后确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;最后响应所述预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。也即达到了能够基于预设操作调整被访问页面的显示框架的技术效果,从而提高网络访问效率。
Description
技术领域
本发明涉及互联网领域,尤其涉及一种页面元素控制方法、装置及电子设备。
背景技术
随着科学技术的不断发展,电子技术也得到了飞速的发展,电子产品的种类越来越多,人们也享受到了科技发展带来的各种便利。现在人们可以通过各种类型的电子设备,享受随着科技发展带来的舒适生活。例如,笔记本电脑、台式电脑、智能手机、平板电脑等电子设备已经成为人们生活中一个重要的组成部分,用户可以使用手机、平板电脑等电子设备来听音乐、玩游戏等等,以减轻现代快节奏生活所带来的压力。
现有技术中,大部分客户端都具备网络访问功能,浏览网页的客户端将网络访问请求发送至服务器,服务器将网络访问请求对应的网页的源代码发送至客户端,客户端进行页面解析和渲染以将其展示在客户端。现有技术中,由于服务器发给客户端的源代码中网页的显示框架为固定不变的,但是可能并不符合用户的浏览习惯,故而会导致存在着网络访问效率低的技术问题。
发明内容
本发明提供一种页面元素控制方法、装置及电子设备,以解决现有技术中网络访问效率低的技术问题。
第一方面,本发明实施例提供一种页面元素控制方法,包括:
检测获得对被访问页面的访问操作,进而显示所述被访问页面;
确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
可选的,所述确定所述被访问页面的第一操作对象,包括:获取选中所述第一操作对象的第一选择操作,进而确定出所述第一操作对象;
所述确定所述被访问页面中与所述第一操作对象不同的第二操作对象,包括:获取选中所述第二操作对象的第二选择操作,进而确定出所述第二操作对象;或者获取控制所述第一操作对象由所述第一区域移动至所述第二区域的移动操作,基于所述第二区域确定所述第二操作对象。
可选的,所述基于所述第二区域确定所述第二操作对象,包括:
确定所述第二区域所包含的操作对象作为所述第二操作对象;或者
确定所述第一区域与所述第二区域之间所包含的操作对象、以及所述第二区域所包含的操作对象作为所述第二操作对象。
可选的,在第二操作对象为第一区域和第二区域之间所包含的操作对象、以及所述第二区域所包含的操作对象时,所述第二操作对象包含至少一个操作对象,所述通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域,包括:
顺次交换所述第一操作对象与所述至少一个操作对象中每个操作对象的显示位置,进而将所述第一操作对象由所述第一区域移动至所述第二区域。
可选的,所述确定所述第二区域所包含的操作对象作为所述第二操作对象,包括:
在所述第二区域包含第一元素和位于所述第一元素内部的第一子元素时,判断产生所述移动操作的结束位置是否位于所述第一子元素;
在所述结束位置位于所述第一子元素时,确定所述第一子元素为所述第二操作对象;
在所述结束位置不位于所述第一子元素时,确定所述第一元素为所述第二操作对象。
可选的,所述确定所述第二区域所包含的操作对象作为所述第二操作对象,还包括:
在所述第二区域包含第一元素和位于所述第一元素内部的第一子元素时,判断所述第一操作对象与所述第一元素或所述第一子元素是否存在相同的父元素;
在所述第一操作对象与所述第一元素存在相同的父元素时,增加所述第一元素的响应区域;
在所述第一操作对象与所述第一子元素存在相同的父元素时,增加所述第一子元素的响应区域。
可选的,在所述确定所述被访问页面的第一操作对象之前,所述方法还包括:
响应触发操作,针对所述被访问页面的各个操作对象产生提示信息。
可选的,所述针对所述被访问页面的各个操作对象产生提示信息,包括:
针对不同层级的操作对象产生不同的提示信息。
可选的,所述通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域,还包括:
调整所述第一操作对象和/或所述第二操作对象的显示尺寸。
可选的,所述交换所述第一操作对象和所述第二操作对象的显示位置,包括:
确定在所述第一操作对象和所述的第二操作对象交换位置前后,所述被访问页面的参数的变化差异增量,所述参数为控制所述被访问页面的显示框架的参数;
基于交换位置前的所述参数和所述变化差异增量解析所述被访问页面,进而交换所述第一操作对象和所述第二操作对象的显示位置。
可选的,所述交换所述第一操作对象和所述第二操作对象的显示位置,包括:
确定被访问页面调整后的参数,所述参数为控制所述被访问页面的显示框架的参数,调整后的所述参数具体为:交换所述第一操作对象和所述第二操作对象之后的参数;
基于调整后的所述参数解析所述被访问页面,进而交换所述第一操作对象和所述第二操作对象的显示位置。
可选的,所述参数具体为:所述被访问页面的网页源代码、或者RenderObject树结构、或者DOM树结构及其上各个节点的属性信息。
可选的,所述显示所述被访问页面,包括:
判断针对所述被访问页面是否存在调整操作对象的调整操作;
在存在所述调整操作时,按照所述被访问页面的调整后的显示框架显示所述被访问页面。
第二方面,本发明实施例提供一种页面元素控制装置,包括:
检测模块,用于检测获得对被访问页面的访问操作,进而显示所述被访问页面;
确定模块,用于确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
第一响应模块,用于响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
第三方面,本发明实施例提供一种电子设备,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
检测获得对被访问页面的访问操作,进而显示所述被访问页面;
确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
可选的,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
所述确定所述被访问页面的第一操作对象,包括:获取选中所述第一操作对象的第一选择操作,进而确定出所述第一操作对象;
所述确定所述被访问页面中与所述第一操作对象不同的第二操作对象,包括:获取选中所述第二操作对象的第二选择操作,进而确定出所述第二操作对象;或者获取控制所述第一操作对象由所述第一区域移动至所述第二区域的移动操作,基于所述第二区域确定所述第二操作对象。
可选的,所述处理器还用于执行所述一个或者一个以上程序包含用于进 行以下操作的指令:
确定所述第二区域所包含的操作对象作为所述第二操作对象;或者
确定所述第一区域与所述第二区域之间所包含的操作对象、以及所述第二区域所包含的操作对象作为所述第二操作对象。
可选的,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
响应触发操作,针对所述被访问页面的各个操作对象产生提示信息。
可选的,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
针对不同层级的操作对象产生不同的提示信息。
本发明有益效果如下:
由于在本发明实施例中,首先检测获得对被访问页面的访问操作,进而显示所述被访问页面;然后确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;最后响应所述预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。也即达到了能够基于预设操作调整被访问页面的显示框架的技术效果,从而提高网络访问效率。
附图说明
图1为本发明实施例中页面元素控制方法的流程图;
图2a为本发明实施例页面元素控制方法中显示单元所显示的三个操作对象的示意图;
图2b为本发明实施例页面元素控制方法中基于图2a所示的操作对象交换第一操作对象和第二操作对象的第一种示意图;
图2c为本发明实施例页面元素控制方法中基于图2a所示的操作对象交换第一操作对象和第二操作对象的第二种示意图;
图3a为本发明实施例页面元素控制方法中显示单元所显示的六个操作对象的示意图;
图3b为本发明实施例页面元素控制方法中基于图3a所示的操作对象交换第一操作对象和第二操作对象的第一种示意图;
图3c为本发明实施例页面元素控制方法中基于图3a所示的操作对象交换第一操作对象和第二操作对象的第二种示意图;
图4a为本发明实施例页面元素控制方法中显示单元所显示的四个操作对象的示意图;
图4b为本发明实施例页面元素控制方法中基于图4a所示的操作对象交换第一操作对象和第二操作对象的示意图;
图5为本发明实施例页面元素控制方法中交换第一操作对象与第二操作对象的显示位置的第一种控制方式的流程图;
图6为本发明实施例页面元素控制方法中交换第一操作对象与第二操作对象的显示位置的第二种控制方式的流程图;
图7为本发明实施例中页面元素控制装置的结构图;
图8是根据一示例性实施例示出的用于页面元素控制方法的电子设备的结构示意图。
具体实施方式
本发明提供一种页面元素控制方法、装置及电子设备,以解决现有技术中网络访问效率低的技术问题。
本申请实施例中的技术方案为解决上述的技术问题,总体思路如下:
首先检测获得对被访问页面的访问操作,进而显示所述被访问页面;然后确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;最后响应所述预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。也即达到了能够基于预设操作调整被访问页面的显示框架的技术效果,从而提高网络访问效率。
为了更好的理解上述技术方案,下面通过附图以及具体实施例对本发明技术方案做详细的说明,应当理解本发明实施例以及实施例中的具体特征是对本发明技术方案的详细的说明,而不是对本发明技术方案的限定,在不冲突的情况下,本发明实施例以及实施例中的技术特征可以相互组合。
第一方面,本发明实施例提供一种页面元素控制方法,请参考图1,包括:
步骤S101:检测获得对被访问页面的访问操作,进而显示所述被访问页面;
步骤S102:确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
步骤S103:响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
举例来说,该方案通常应用于具备网络访问功能的电子设备,例如:平板电脑、手机、PC等等,本发明实施例不再详细列举,并且不作限制。
步骤S101中,对被访问页面的访问操作例如为:在浏览器的地址栏中输入被访问页面的网络链接然后点击回车键的操作、点击被访问页面的锚文本链接的操作等等。
步骤S102中,举例来说,操作对象(第一操作对象和第二操作对象)例如为:文本操作对象、图像操作对象、视频操作对象等等。操作对象指的是其所在区域包括的所有页面元素。另外,在具体实施过程中,操作对象(第一操作对象或第二操作对象)可以仅仅包含一个操作对象,也可以包含多个操作对象,另外,该操作对象可以通过一次操作确定,也可以通过多次操作确定,本发明实施例不作限制。
其中,以该被访问页面的层级关系为Div层级关系为例,则Div层级的每一对标签对应一个操作对象,一个操作对象内部还可以包含至少一个操作对象。当然,被访问页面的层级关系还可以为其他层级关系,本发明实施例不作限制。
作为一种可选的实施例,在基于步骤S102确定所述被访问页面的第一操作对象之前,所述方法还包括:响应触发操作,针对所述被访问页面的各个操作对象产生提示信息。
其中,该触发操作除了用于针对被访问页面的各个操作对象产生提示信息之外,还用于触发将第一操作对象由第一区域移动至第二区域的功能,也即如果用户产生了该触发操作,则后续如果检测到用户的预设操作,则将第一操作对象由第一区域移动至第二区域,否则,即使后续检测到用户的预设操作,也不将第一操作对象由第一区域移动至第二区域,基于该触发操作能够防止误操作。
举例来说,触发操作可以预设的多种触发操作,例如:长按被访问页面的操作、点击预设的快捷操作、产生预设手势的操作等等,本发明实施例不作限制。
可以首先获取被访问页面的网页源代码,然后基于网页源代码从Body元素开始,逐级向下操作:按照该网页源代码的层级关系逐级确定出各个页面元素(每个页面元素可以作为一个操作对象),然后针对各个页面元素分别进行提示,其中,网页源代码的层架关系例如为div层级关系或其他元素层级关系,通常而言div标签的存在会使得页面的格式相对规范,层级更佳清晰。该提示信息可以为多种形式的提示信息,例如:针对操作对象显示边框、针对操作对象显示背景颜色、针对操作对象进行悬浮显示等等。对于提示信息为何种提示信息,本发明实施例不再详细列举,并且不作限制。
由于在上述方案中,针对各个操作对象进行提示,故而可以提高确定各个操作对象所在区域的速度,从而提高确认第一操作对象和第二操作对象的效率。
作为一种可选的实施例,所述针对所述被访问页面的各个操作对象产生提示信息,包括:针对不同层级的操作对象产生不同的提示信息。
举例来说,可以首先获取被访问页面的网页源代码,基于网页源代码就可以获取被访问页面的操作对象以及各个操作对象的层级关系,然后针对不同层级的操作对象显示不同的提示信息。例如:针对不同层级的操作对象显示不同的背景颜色、针对不同层级的操作对象显示不同的边框(例如:边框粗细不同、边框宽度不同、边框颜色不同等等)等等。当然,针对不同层级的操作对象还可以产生其他不同的提示信息,本发明实施例不再详细列举,并且不作限制。
由于在上述方案中,针对不同层级的操作对象产生不同的提示信息,故而可以对操作对象的层级进行提示,让用户更快区分是针对哪个层级的操作对象进行操作,从而提高交换第一操作对象和第二操作对象的效率。
步骤S102中,所述确定所述被访问页面的第一操作对象例如为:获取选中所述第一操作对象的第一选择操作,进而确定出所述第一操作对象。
举例来说,第一选择操作可以为多种形式的选择操作,例如为①通过鼠标产生的选择操作,例如:通过鼠标点击第一操作对象、通过鼠标点击第一操作对象的边框、背景的操作等等;②通过电子设备的触控显示单元所接收到的选择操作,例如:触控第一操作对象的操作、在第一操作对象表面滑动的操作等等。
步骤S102中,可以通过多种方式确定出第二操作对象,下面列举其中的两种进行介绍,当然,在具体实施过程中,不限于以下两种情况。
第一种,通过以下方式确定第二操作对象:获取选中所述第二操作对象的第二选择操作,进而确定出所述第二操作对象。其中,第二选择操作与第一选择操作类似,故而在此不再赘述。
第二种,通过以下方式确定第二操作对象:获取控制所述第一操作对象由第一区域移动至第二区域的移动操作,基于所述第二区域确定所述第二操作对象。
举例来说,该移动操作例如为:在选中第一操作对象之后控制鼠标由第一区域移动至第二区域的移动操作、在选中第一操作对象之后控制操作体(例如:手指、触控笔等等)在电子设备的触控显示单元上由第一区域滑动至第二区域的滑动操作等等。
在通过第二区域确定第二操作对象时,又可以采用多种方式,进而确定出的第二操作对象也不同,下面列举其中的两种进行介绍,当然,在具体实施过程中,不限于以下两种情况。
基于第二区域确定第二操作对象的方式①:确定所述第二区域所包含的操作对象作为所述第二操作对象。
举例来说,请参考图2a,图2a中包含三个操作对象,分别为:图像操作对象①、图像操作对象②、图像操作对象③,其中电子设备首先检测到用户通过鼠标选择图像操作对象①(也即第一操作对象)的第一选择操作,然后检测到用户通过鼠标将图像操作对象①由图像操作对象①当前所在区域(也即第一区域)拖动至图像操作对象②表面(也即第二区域)的拖动操作,在这种情况下,则确定出图像操作对象②为第二操作对象。如图2b所示,为基于该方式确定出第二操作对象之后,交换第一操作对象和第二操作对象的显示位置之后的示意图。在这种情况下,能够实现交换两个操作对象的显示位置的技术效果。
另外,在具体实施过程中,第二区域可能包含有多个操作对象,其中一个操作对象可以位于另一个操作对象内部,在这种情况下,可以通过多种方式确定第二操作对象,下面列举其中的两种进行介绍,当然,在具体实施过程中,不限于以下两种情况。
将第二区域所包含的操作对象作为所述第二操作对象的方式一:在所述第二区域包含第一元素和位于所述第一元素内部的第一子元素时,判断产生 所述移动操作的结束位置是否位于所述第一子元素;在所述结束位置位于所述第一子元素时,确定所述第一子元素为所述第二操作对象;在所述结束位置不位于所述第一子元素时,确定所述第一元素为所述第二操作对象,并且第一元素内部的所有子元素与第一元素一起作为一个整体被交换。
举例来说,第一元素和第一子元素都分别为一个操作对象,例如以源代码为下面的代码为例,
取第一元素为<div></div>所对应的div块操作对象,第一子元素为<img></img>所对应的图像操作对象。其中,在检测到将第一操作对象拖动至第二区域之后,判断移动操作的结束位置是否位于<img></img>所对应的图像操作对象表面,如果结束位置位于该图像操作对象表面的话,则确定出第二操作对象为该图像操作对象;如果结束位置不位于该图像操作对象表面的话,则确定出第二操作对象为该div块操作对象。当然,上述第一元素、第一子元素仅仅作为一个举例,基于不同的源代码,第一元素与第一子元素也不同,本发明实施例不再详细列举,并且不作限制。
基于上述方案,实现在某一操作对象内还包含其他操作对象的情况下,也能够准确的确定第二操作对象的技术效果。
将第二区域所包含的操作对象作为所述第二操作对象的方式二:在所述第二区域包含第一元素和位于所述第一元素内部的第一子元素时,判断所述第一操作对象与所述第一元素或所述第一子元素是否存在相同的父元素;在所述第一操作对象与所述第一元素存在相同的父元素时,增加所述第一元素的响应区域;在所述第一操作对象与所述第一子元素存在相同的父元素时,增加所述第一子元素的响应区域。
举例来说,通常情况下,假设第一元素内部还包含子元素,则第一元素的响应区域为第一元素所在区域去除子元素之外的区域,第一子元素的响应区域为第一子元素所在的区域,然而,如果第一操作对象与第一元素存在相同的父元素的话,则说明用户可能希望交换第一操作对象与第一元素,故而适当增加第一元素的响应区域,例如:将第一元素的响应区域由原始的响应区域向外伸张一定尺寸(例如:5px、10px等等);如果第一操作对象与第一子元素存在相同的父元素的话,则说明用户可能希望交换第一操作对象与第一子元素,在这种情况下,将第一子元素确定为第二操作对象。
例如:如果第一操作对象为操作对象A,第二区域包含操作对象B(第一元素),操作对象B内部包含操作对象C(第一子元素),则如果操作对象A与操作对象B存在相同的父元素,则给予操作对象B更高的替换可能,适当增加操作对象B的响应区域;如果操作对象A与操作对象C存在相同的父元素,则基于操作对象C更高的替换可能,适当增加操作对象C的响应区域。
基于第二区域确定第二操作对象的方式②:确定所述第一区域与所述第二区域之间所包含的操作对象、以及第二区域所包含的操作对象作为所述第二操作对象。
举例来说,请继续参考图2a,其中电子设备首先检测到用户通过鼠标选择图像操作对象①的第一选择操作,然后检测到用户通过鼠标将图像操作对象①由第一区域拖动至图像③(也即第二区域)的拖动操作,在这种情况下,则可以确定图像操作对象②(第一区域与第二区域之间所包含的操作对象)、图像操作对象③(第二区域所包含的操作对象)皆为第二操作对象。如图2c所示,为基于上述方式确定出第二操作对象,并交换第一操作对象和第二操作对象的显示位置之后的示意图。
在这种情况下,能够实现将第一操作对象拖动至某一区域(例如:第二区域),并且顺次移动其他操作对象的技术效果。
在具体实施过程中,预设操作可以多种预设操作,例如:将第一操作对象拖动至第二区域之后松开鼠标的操作、选中第二操作对象的操作、选中第二操作对象之后点击预设按钮的操作等等,其中,预设操作与第二选择操作可以为相同的操作,也可以为不同的操作,本发明实施例不作限制。
在具体实施过程中,可以通过多种方式交换第一操作对象和第二操作对象的显示位置,下面列举其中的两种进行介绍,当然,在具体实施过程中,不限于以下两种情况。
第一种,整体交换第一操作对象和第二操作对象的显示位置。
举例来说,假设被访问页面包含6个操作对象,其在被访问页面的排序方式如图3a所示。
其中,第一操作对象为操作对象A,第二操作对象为操作对象F,则直接交换操作对象A和操作对象F,进而将操作对象A以第一区域(原操作对象A所在区域)移动至第二区域(原操作对象F),并且将操作对象F由第二区 域移动至第一区域,针对第一区域和第二区域之间的其他操作对象,对其显示位置并不作调整。从而可以获得如图3b所示的调整结果。
第二种,在第二操作对象为第一区域和第二区域之间所包含的操作对象时,所述第二操作对象包含至少一个操作对象,所述通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域,包括:顺次交换所述第一操作对象与所述至少一个操作对象中每个操作对象的显示位置,进而将所述第一操作对象由所述第一区域移动至所述第二区域。
举例来说,还是假设被访问页面包含如图4a所示的6个操作对象。
其中,第一区域为操作对象A所在区域,第二区域为操作对象F所在区域,则基于第一区域和第二区域之间的所包含的操作对象(也即第二操作对象)为:操作对象B、操作对象C、操作对象D、操作对象E、操作对象F,其中,第二操作对象包含五个操作对象,则可以顺次交换操作对象A与操作对象B的显示位置、操作对象A与操作对象C的显示位置、操作对象A与操作对象D的显示位置、操作对象A与操作对象E的显示位置、操作对象A与操作对象F的显示位置,经过五次交换显示位置之后,就可以将操作对象A由第一区域移动至第二区域,这种情况下,第一区域和第二区域之间的其他操作对象的显示位置也依次进行了调整,从而可以获得如图3c所示的调整结果。
当然,被访问页面的操作对象也可以纵向排列于一个纵列,如图4a所示,则通过上述方案交换第一操作对象和第二操作对象的位置之后,可以获得如图4b所示的调整结果。其中,操作对象纵向排列于一个纵列时,各个操作对象的显示宽度可以相同,也可以不同,本发明实施例不作限制。
其中,如果采用第二种方式进行调整,可以在第一操作对象和第二操作对象都包含相同的父元素时,采用上述方案进行调整,当然,也可以在其他时机采用上述方案进行调整,本发明实施例不作限制。
在具体实施过程中,除了单独采用上述两种方式中的任一方式交换第一操作对象和第二操作对象的显示位置,还可以将两者进行结合使用。例如:在检测到预设操作之后,弹出一个选择框,由用户选择采用哪种方式交换第一操作对象和第二操作对象的显示位置;又例如,在检测到预设操作,判断第二操作对象的是否包含多个操作对象,如果第二操作对象包含多个操作对象且每个操作对象的显示区域与第一操作对象的显示区域相似,则通过上述第二种方式交换第一操作对象和第二操作对象的显示位置;如果第二操作对象所包含的多个操作对象的显示区域的整体与第一操作对象相似,则通过上述第一种方式交换第一操作对象和第二操作对象的显示位置,当然,以上两种方式还可以通过其他方式结合使用,本发明实施例不再详细列举,并且不作限制。
步骤S103中,可以在检测到预设操作时,就直接交换第一操作对象和第二操作对象的显示位置,作为一种可选的实施例,所述响应预设操作,进而 交换所述第一操作对象和所述第二操作对象的显示位置,包括:判断产生所述预设操作的操作体在所述第二操作对象所对应的第二区域的停留时长是否大于预设时长;在所述停留时长大于所述时长时,响应所述预设操作。
举例来说,可以根据实际需求设置不同的预设时长,该预设时长例如为2s、3s等等,以交换操作为第一操作对象拖动至第二区域之后松开鼠标的操作为例,则可以判断鼠标在第二区域的停留时长是否大于预设时长,如果大于预设时长,则在检测到用户松开鼠标之后,交换第一操作对象和第二操作对象的显示位置;如果用户在不大于预设时长时就松开鼠标,则确认不交换第一操作对象和第二操作对象的显示位置。其中,在鼠标停留时长大于预设时长时,还可以通过振动、闪烁等方式对达到预设时长进行提示,如果用户希望交换第一操作对象和第二操作对象的位置,则松开鼠标,如果用户不希望交换第一操作对象和第二操作对象的显示位置,则可以先移动然后松开鼠标。基于上述方案,能够防止误操作。
针对元素中包含子元素的情况:若B元素是A元素的一个子元素,而C元素是另外一个在A元素之外的元素:第一种情况为,当用户选中C元素进行移动,到达A元素的范围但是没有到达B元素的时候,认为用户可能打算置换的是A元素,当用户在此区域停留一定时间,则认为用户希望置换A元素,让A元素区块进行闪烁;第二种情况为,当用户选中C元素进行移动,到达B元素的范围的时候,认为用户可能打算置换的是B元素,当用户在此区域停留一定时间,则认为用户希望置换B元素,让B元素进行闪烁。作为一种可选的实施例,在所述响应所述预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域之前,所述方法还包括:针对所述第二操作对象产生提示信息。
举例来说,针对第二操作对象产生提示信息例如为:对第二操作对象进行高亮显示、对所述第二操作对象进行闪烁等等,本发明实施例不作限制。
通过对第二操作对象产生提示信息,可以使用户确定是否需要交换第一操作对象和第二操作对象的显示位置,由此实现更加准确的交换第一操作对象和第二操作对象的显示位置。
其中,用户如果确定出所选择的第二操作对象并不准确,则可以通过一些操作重新选择第二操作对象,例如:如果交换操作为将第一操作对象拖动至第二区域之后松开鼠标的操作的话,则可以继续拖动第一操作对象,以重新确定第二操作对象;又或者,如果交换操作为选中第二操作对象的第二选择操作的话,则用户可以取消对第二操作对象的选择,并且重新选择其他操作对象等等。对于采用何种方式重新确定第二操作对象,本发明实施例不再详细列举,并且不作限制。
其中,在成功交换第一操作对象和第二操作对象之后,还可以在此基础上继续对各个操作对象进行交换,另外,如果之前曾基于触发操作对各个操作对象进行提示,则在不需要交换各个操作对象时,可以基于特定操作取消 对各个操作对象的提示。
另外,步骤S103中,在基于预设操作确定需要交换第一操作对象和第二操作对象的显示位置之后,还可以判断第一操作对象与第二操作对象是否可交换,其判断原则为:在交换第一操作对象和第二操作对象之后不会导致最终的显示结果发生排版错乱或严重降低页面的可读性,例如①可以判断第一操作对象的第一宽高比与第二操作对象的第二宽高比之差的绝对值是否小于预设阈值(例如:0.05、0.1等等),如果小于预设阈值,则说明第一操作对象和第二操作对象可交换;②判断第一操作对象与第二操作对象的尺寸是否相似,也即判断第一操作对象与第二操作对象的高之差小于第一预设阈值(例如2px、5px)且宽之差小于第二预设阈值(例如:3px、5px等等);③判断第一操作对象和第二操作对象横向是否存在其他操作对象,如果不存在其他操作对象,则说明第一操作对象与第二操作对象可交换等等。当然,还可以基于其他原则判断第一操作对象和第二操作对象是否可交换,本发明实施例不再详细列举,并且不作限制。
步骤S103中,可以通过多种方式实现第一操作对象和第二操作对象的位置交换,下面列举其中的两种进行介绍,当然,在具体实施过程中,不限于以下两种情况。
第一种,所述交换所述第一操作对象与所述第二操作对象的显示位置,请参考图5,包括:
步骤S501:确定在所述第一操作对象和所述的第二操作对象交换位置前后,所述被访问页面的参数的变化差异增量,所述参数为控制所述被访问页面的显示框架的参数;
步骤S502:基于交换位置前的所述参数和所述变化差异增量解析所述被访问页面,进而交换所述第一操作对象和所述第二操作对象的显示位置。
步骤S501中,所述参数具体为:所述被访问页面的网页源代码、或者RenderObject树结构、或者DOM(Document Object Model:文件对象化模型)树结构及其上各个节点的属性信息,该网页源代码例如为该被访问页面的超文本标记语言(html:HyperText Markup Language)文件、层叠样式表(css:cascading style sheet)文件等等。
其中,如果参数为网页源代码,则可以首先确定被访问页面的原始源代码,然后获得交换第一操作对象和第二操作对象之后,新的源代码相对于原始源代码的变化差异增量;如果参数为RenderObject树结构、或者DOM树结构及其上各个节点的属性信息,则可以首先获得被访问页面的原始RenderObject树结构、或者原始的DOM树结构及其上各个节点的属性信息,然后获得交换第一操作对象和第二操作对象之后,该RenderObject树结构或者DOM树结构上各个节点的增加、减少情况作为变化差异增量。
步骤S502中,通过原始源代码(或者原始的RenderObject树结构、或者原始的DOM树结构及其上各个节点的属性信息)加变化差异增量对被访问页面重新渲染和触发排版,就可以交换第一操作对象和第二操作对象的显示位 置。
第二种,所述交换所述第一操作对象与所述第二操作对象的显示位置,请参考图6,包括:
步骤S601:确定被访问页面调整后的参数,所述参数为控制所述被访问页面的显示框架的参数,调整后的所述参数具体为:交换所述第一操作对象和所述第二操作对象之后的参数;
步骤S602:基于调整后的参数解析所述被访问页面,进而交换所述第一操作对象和所述第二操作对象的显示位置。
步骤S601中,可以基于第一操作对象和第二操作对象的位置变化对原始源代码进行修改进而获得调整后的源代码;又或者,基于第一操作对象和第二操作对象的位置变化对原始的RenderObject树结构的各个节点进行增删进而获得调整后的RenderObject树结构;又或者,基于第一操作对象和第二操作对象的位置变化对原始的DOM树结构及其上各个节点的属性信息的各个节点进行增删,从而获得调整后的DOM树结构及其上各个节点的属性信息。
举例来说,假设存在以下的网页源代码:
其中,如果交换操作对象①和操作对象②的显示位置的话,则交换位置之后的代码如下:
步骤S602中,直接解析调整后的源代码或者调整RenderObject树结构,就可以实现对第一操作对象和第二操作对象的显示位置的交换。
作为一种可选的实施例,在通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域之后,所述方法还包括:
调整特定操作对象的显示尺寸,所述特定操作对象为所述第一操作对象和/或所述第二操作对象。
另外,在调整特定操作对象的显示尺寸之后,如果特定操作对象内部包含文字,则可以自动调节字体的大小,如果特定操作对象内部存在图像,则可以重新设定图像的显示尺寸,其他元素调整准则类似,在此不再一一赘述。
在具体实施过程中,可以基于多种调整逻辑调整特定操作对象的显示尺寸,下面列举其中的几种进行介绍,当然,在具体实施过程中,不限于以下几种情况。
第一种,如果第一操作对象的第一宽高比与第二操作对象第二宽高比的差值绝对值小于预设值,则等比例缩放调整特定操作对象的显示尺寸。
举例来说,预设值例如为:0.1、0.05等等,在这种情况下,等比例缩放特定操作对象一方面能够保证特定操作对象不会变形,同时又能够保证在交换第一操作对象和第二操作对象之后,不会导致被访问页面的排版混乱。
例如:假设第一操作对象的显示尺寸为[宽度50px,高度49px],则其第一宽高比为1.02,第二操作对象的显示尺寸为[宽度101px,高度98px],则其第二宽高比为1.03,由此可见,第一宽高比与第二宽高比的差值绝对值为0.01,在这种情况下,则可以在交换第一操作对象和第二操作对象之后对第一操作对象和第二操作对象进行等比例缩放,例如:针对第一操作对象进行等比例放大,放大比例例如为:101px/50px=2.02,则可以确定出交换第一操作对象和第二操作对象的显示位置之后,第一操作对象的显示尺寸为[宽度51px*2.02,高度49px*2.02]=[宽度101px,高度99px];针对第二操作对象进行等比例压缩,压缩比例例如为50px/101px=0.495,在可以出交换第一操作对象和第二操作对象之后,第二操作对象的显示尺寸为[宽度101px*0.495,高度99px*0.495]=[宽度50px,高度40px],当然,在具体实施过程中,基于第一操作对象和第二操作对象的显示尺寸不同,所确定出的缩放比例也不同,本发明实施例不再详细列举,并且不作限制。
第二种,如果第一操作对象的第一宽高比与第二操作对象第二宽高比的差值绝对值不小于预设值,则按照调整后的显示区域大小分别调整特定操作对象宽和高。
例如:如果特定操作对象的显示尺寸为[宽度50px,高度100px],但是交换位置后特定操作对象的显示区域大小为100px*50px,在这种情况下,则可以将特定操作对象的宽度拉伸2倍,且将特定操作对象的高度压缩1/2,当然,基于交换位置的第一操作对象和第二操作对象的尺寸不同,对其的压缩比例也不同,对此本发明实施例不再详细列举,并且不作限制。
另外,在具体实施过程中,在有些情况下,在交换第一操作对象和第二操作对象的显示位置之后,不需要调整第一操作对象和第二操作对象的显示 尺寸,例如:①第一操作对象与第二操作对象的尺寸相似,也即第一操作对象与第二操作对象的高之差小于第一预设阈值(例如2px、5px)且宽之差小于第二预设阈值(例如:3px、5px等等);②第一操作对象和第二操作对象横向皆不存在其他操作对象等等,当然还可以有其他不调整尺寸的情况,本发明实施例不再详细列举,并且不作限制。
步骤S101中,在确定出被访问页面所对应的网页源代码之后,可以基于该网页源代码显示被访问页面,作为一种可选的实施例,步骤S101中显示所述被访问页面,包括:判断针对所述被访问页面是否存在调整操作对象的调整操作;在存在所述调整操作时,按照所述被访问页面的调整后的显示框架显示所述被访问页面。
举例来说,如果电子设备的用户之前访问过被访问页面,并且用户基于一些操作调整过被访问页面的操作对象,例如:交换两个操作对象的显示位置,则可以保存该被访问页面的参数的变化差异增量与被访问页面的对应关系,例如:保存参数的变化差异增量与被访问页面的网络链接的对应关系,进而在电子设备每访问一个页面时,就判断该页面对应的网络链接是否位于该对应关系中,如果该网络链接位于该对应关系,则获取该被访问页面的参数的变化差异增量,并基于变化差异增量和该被访问页面的网页源代码获取该被访问页面调整后的显示框架,并基于调整后的显示框架显示被访问页面;如果该页面对应的网络链接不位于该对应关系,则直接基于该被访问页面的网页源代码展示该被访问页面。
该方案的应用场景例如为:用户在某视频网站观看视频,当前页面为第一页面,第一页面显示有很多视频,用户对其中的视频A、视频B、视频C比较感兴趣,但是视频A、视频B、视频C显示于当前页面中部,电子设备通过接收用户的调整操作,进而交换视频A、视频B、视频C与其上方的所有视频的位置,进而将视频A、视频B、视频C移动至第一页面顶部;然后电子设备响应用户点击视频A的操作,进而跳转至视频A所在的第二页面,在用户看观看完视频A之后,电子设备检测到用户点击返回按钮的操作,返回至第一页面,在这种情况下,第一页面中视频A、视频B、视频C显示于第一页面顶部。
第二方面,基于同一发明构思,本发明实施例提供一种页面元素控制装置,请参考图7,包括:
检测模块70,用于检测获得对被访问页面的访问操作,进而显示所述被访问页面;
确定模块71,用于确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
第一响应模块72,用于响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
可选的,所述确定模块71,用于:获取选中所述第一操作对象的第一选 择操作,进而确定出所述第一操作对象;
获取选中所述第二操作对象的第二选择操作,进而确定出所述第二操作对象;或者获取控制所述第一操作对象由所述第一区域移动至所述第二区域的移动操作,基于所述第二区域确定所述第二操作对象。
可选的,所述确定模块71,用于:
确定所述第二区域所包含的操作对象作为所述第二操作对象;或者
确定所述第一区域与所述第二区域之间所包含的操作对象、以及所述第二区域所包含的操作对象作为所述第二操作对象。
可选的,在第二操作对象为第一区域和第二区域之间所包含的操作对象、以及所述第二区域所包含的操作对象时,所述第二操作对象包含至少一个操作对象,所述第一响应模块72,用于:
顺次交换所述第一操作对象与所述至少一个操作对象中每个操作对象的显示位置,进而将所述第一操作对象由所述第一区域移动至所述第二区域。
可选的,所述确定模块71,包括:
第一判断单元,用于在所述第二区域包含第一元素和位于所述第一元素内部的第一子元素时,判断产生所述移动操作的结束位置是否位于所述第一子元素;
第一确定单元,用于在所述结束位置位于所述第一子元素时,确定所述第一子元素为所述第二操作对象;
第二确定单元,用于在所述结束位置不位于所述第一子元素时,确定所述第一元素为所述第二操作对象。
可选的,所述确定模块71,还包括:
第二判断单元,用于在所述第二区域包含第一元素和位于所述第一元素内部的第一子元素时,判断所述第一操作对象与所述第一元素或所述第一子元素是否存在相同的父元素;
第三确定单元,用于在所述第一操作对象与所述第一元素存在相同的父元素时,增加所述第一元素的响应区域;
第四确定单元,用于在所述第一操作对象与所述第一子元素存在相同的父元素时,增加所述第一子元素的响应区域。
可选的,所述装置还包括:
第二响应模块,用于响应触发操作,针对所述被访问页面的各个操作对象产生提示信息。
可选的,所述第二响应模块,用于:
针对不同层级的操作对象产生不同的提示信息。
可选的,所述第一响应模块72,用于:
调整所述第一操作对象和/或所述第二操作对象的显示尺寸。
可选的,所述第一响应模块,包括:
第五确定单元,用于确定在所述第一操作对象和所述的第二操作对象交换位置前后,所述被访问页面的参数的变化差异增量,所述参数为控制所述 被访问页面的显示框架的参数;
第一交换单元,用于基于交换位置前的所述参数和所述变化差异增量解析所述被访问页面,进而交换所述第一操作对象和所述第二操作对象的显示位置。
可选的,所述第一响应模块,包括:
第六确定单元,用于确定被访问页面调整后的参数,所述参数为控制所述被访问页面的显示框架的参数,调整后的所述参数具体为:交换所述第一操作对象和所述第二操作对象之后的参数;
第二交换单元,用于基于调整后的所述参数解析所述被访问页面,进而交换所述第一操作对象和所述第二操作对象的显示位置。
可选的,所述参数具体为:所述被访问页面的网页源代码、或者RenderObject树结构、或者DOM树结构及其上各个节点的属性信息。
可选的,所述检测模块70,包括:
第三判断单元,用于判断针对所述被访问页面是否存在调整操作对象的调整操作;
显示单元,用于在存在所述调整操作时,按照所述被访问页面的调整后的显示框架显示所述被访问页面。
由于本发明第二方面所介绍的页面元素控制装置为实施本发明实施例第一方面所介绍的页面元素控制方法所采用的装置,基于本发明实施例第一方面所介绍的页面元素控制方法,本领域所属技术人员能够本发明实施例第二方面所介绍的装置的具体结构及变形,故而在此不再赘述,凡是实施本发明实施例第一方面的页面元素控制方法所采用的装置,都属于本发明实施例所欲保护的范围。
第三方面,基于同一发明构思,本发明实施例提供一种电子设备,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
检测获得对被访问页面的访问操作,进而显示所述被访问页面;
确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
可选的,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
所述确定所述被访问页面的第一操作对象,包括:获取选中所述第一操作对象的第一选择操作,进而确定出所述第一操作对象;
所述确定所述被访问页面中与所述第一操作对象不同的第二操作对象,包括:获取选中所述第二操作对象的第二选择操作,进而确定出所述第二操作对象;或者获取控制所述第一操作对象由所述第一区域移动至所述第二区 域的移动操作,基于所述第二区域确定所述第二操作对象。
可选的,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
确定所述第二区域所包含的操作对象作为所述第二操作对象;或者
确定所述第一区域与所述第二区域之间所包含的操作对象、以及所述第二区域所包含的操作对象作为所述第二操作对象。
可选的,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
响应触发操作,针对所述被访问页面的各个操作对象产生提示信息。
可选的,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
针对不同层级的操作对象产生不同的提示信息。
由于本发明第三方面所介绍的电子设备为实施本发明实施例第一方面所介绍的页面元素控制方法所采用的电子设备,基于本发明实施例第一方面所介绍的页面元素控制方法,本领域所属技术人员能够本发明实施例第三方面所介绍的电子设备的具体结构及变形,故而在此不再赘述,凡是实施本发明实施例第一方面的页面元素控制方法所采用的电子设备,都属于本发明实施例所欲保护的范围。
图8是根据一示例性实施例示出的用于实施页面元素控制方法的电子设备800的框图。例如,电子设备800可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理、移动终端、穿戴式设备、车载设备等。
参照图8,电子设备800可以包括以下一个或多个组件:处理组件802,存储器804,电源组件806,多媒体组件808,音频组件810,输入/输出(I/O)的接口812,传感器组件814,以及通信组件816。
处理组件802通常控制电子设备800的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件802可以包括一个或多个模块,便于处理组件802和其他组件之间的交互。例如,处理组件802可以包括多媒体模块,以方便多媒体组件808和处理组件802之间的交互。
存储器804被配置为存储各种类型的数据以支持在设备800的操作。这些数据的示例包括用于在电子设备800上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件806为电子设备800的各种组件提供电力。电源组件806可以 包括电源管理系统,一个或多个电源,及其他与为电子设备800生成、管理和分配电力相关联的组件。
多媒体组件808包括在所述电子设备800和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件808包括一个前置摄像头和/或后置摄像头。当电子设备800处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件810被配置为输出和/或输入音频信号。例如,音频组件810包括一个麦克风(MIC),当电子设备800处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中,音频组件810还包括一个扬声器,用于输出音频信号。
I/O接口812为处理组件802和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件814包括一个或多个传感器,用于为电子设备800提供各个方面的状态评估。例如,传感器组件814可以检测到设备800的打开/关闭状态,组件的相对定位,例如所述组件为电子设备800的显示器和小键盘,传感器组件814还可以检测电子设备800或电子设备800一个组件的位置改变,用户与电子设备800接触的存在或不存在,电子设备800方位或加速/减速和电子设备800的温度变化。传感器组件814可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件814还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件816被配置为便于电子设备800和其他设备之间有线或无线方式的通信。电子设备800可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信部件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信部件816还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程 逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了两种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器804,上述指令可由电子设备800的处理器820执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
一种非临时性计算机可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行一种页面元素控制方法,所述方法包括:
检测获得对被访问页面的访问操作,进而显示所述被访问页面;
确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
本发明一个或多个实施例,至少具有以下有益效果:
由于在本发明实施例中,首先检测获得对被访问页面的访问操作,进而显示所述被访问页面;然后确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;最后响应所述预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。也即达到了能够基于预设操作调整被访问页面的显示框架的技术效果,从而提高网络访问效率。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的设备。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令设备的制造品,该指令设备实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。
显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。
Claims (19)
1.一种页面元素控制方法,其特征在于,包括:
检测获得对被访问页面的访问操作,进而显示所述被访问页面;
确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
2.如权利要求1所述的方法,其特征在于,所述确定所述被访问页面的第一操作对象,包括:获取选中所述第一操作对象的第一选择操作,进而确定出所述第一操作对象;
所述确定所述被访问页面中与所述第一操作对象不同的第二操作对象,包括:获取选中所述第二操作对象的第二选择操作,进而确定出所述第二操作对象;或者获取控制所述第一操作对象由所述第一区域移动至所述第二区域的移动操作,基于所述第二区域确定所述第二操作对象。
3.如权利要求2所述的方法,其特征在于,所述基于所述第二区域确定所述第二操作对象,包括:
确定所述第二区域所包含的操作对象作为所述第二操作对象;或者
确定所述第一区域与所述第二区域之间所包含的操作对象、以及所述第二区域所包含的操作对象作为所述第二操作对象。
4.如权利要求3所述的方法,其特征在于,在第二操作对象为第一区域和第二区域之间所包含的操作对象、以及所述第二区域所包含的操作对象时,所述第二操作对象包含至少一个操作对象,所述通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域,包括:
顺次交换所述第一操作对象与所述至少一个操作对象中每个操作对象的显示位置,进而将所述第一操作对象由所述第一区域移动至所述第二区域。
5.如权利要求3所述的方法,其特征在于,所述确定所述第二区域所包含的操作对象作为所述第二操作对象,包括:
在所述第二区域包含第一元素和位于所述第一元素内部的第一子元素时,判断产生所述移动操作的结束位置是否位于所述第一子元素;
在所述结束位置位于所述第一子元素时,确定所述第一子元素为所述第二操作对象;
在所述结束位置不位于所述第一子元素时,确定所述第一元素为所述第二操作对象。
6.如权利要求3所述的方法,其特征在于,所述确定所述第二区域所包含的操作对象作为所述第二操作对象,还包括:
在所述第二区域包含第一元素和位于所述第一元素内部的第一子元素时,判断所述第一操作对象与所述第一元素或所述第一子元素是否存在相同的父元素;
在所述第一操作对象与所述第一元素存在相同的父元素时,增加所述第一元素的响应区域;
在所述第一操作对象与所述第一子元素存在相同的父元素时,增加所述第一子元素的响应区域。
7.如权利要求1-6任一所述的方法,其特征在于,在所述确定所述被访问页面的第一操作对象之前,所述方法还包括:
响应触发操作,针对所述被访问页面的各个操作对象产生提示信息。
8.如权利要求7所述的方法,其特征在于,所述针对所述被访问页面的各个操作对象产生提示信息,包括:
针对不同层级的操作对象产生不同的提示信息。
9.如权利要求1-6任一所述的方法,其特征在于,所述通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域,还包括:
调整所述第一操作对象和/或所述第二操作对象的显示尺寸。
10.如权利要求1所述的方法,其特征在于,所述交换所述第一操作对象和所述第二操作对象的显示位置,包括:
确定在所述第一操作对象和所述的第二操作对象交换位置前后,所述被访问页面的参数的变化差异增量,所述参数为控制所述被访问页面的显示框架的参数;
基于交换位置前的所述参数和所述变化差异增量解析所述被访问页面,进而交换所述第一操作对象和所述第二操作对象的显示位置。
11.如权利要求1所述的方法,其特征在于,所述交换所述第一操作对象和所述第二操作对象的显示位置,包括:
确定被访问页面调整后的参数,所述参数为控制所述被访问页面的显示框架的参数,调整后的所述参数具体为:交换所述第一操作对象和所述第二操作对象之后的参数;
基于调整后的所述参数解析所述被访问页面,进而交换所述第一操作对象和所述第二操作对象的显示位置。
12.如权利要求10或11所述的方法,其特征在于,所述参数具体为:所述被访问页面的网页源代码、或者RenderObject树结构、或者DOM树结构及其上各个节点的属性信息。
13.如权利要求1-6,10、11任一所述的方法,其特征在于,所述显示所述被访问页面,包括:
判断针对所述被访问页面是否存在调整操作对象的调整操作;
在存在所述调整操作时,按照所述被访问页面的调整后的显示框架显示所述被访问页面。
14.一种页面元素控制装置,其特征在于,包括:
检测模块,用于检测获得对被访问页面的访问操作,进而显示所述被访问页面;
确定模块,用于确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
第一响应模块,用于响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
15.一种电子设备,其特征在于,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
检测获得对被访问页面的访问操作,进而显示所述被访问页面;
确定所述被访问页面的第一操作对象和第二操作对象,所述第一操作对象和所述第二操作对象为不同的操作对象;
响应预设操作,通过交换所述第一操作对象和所述第二操作对象的显示位置的方式,将所述第一操作对象由所述第一区域移动至所述第二区域。
16.如权利要求15所述的电子设备,其特征在于,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
所述确定所述被访问页面的第一操作对象,包括:获取选中所述第一操作对象的第一选择操作,进而确定出所述第一操作对象;
所述确定所述被访问页面中与所述第一操作对象不同的第二操作对象,包括:获取选中所述第二操作对象的第二选择操作,进而确定出所述第二操作对象;或者获取控制所述第一操作对象由所述第一区域移动至所述第二区域的移动操作,基于所述第二区域确定所述第二操作对象。
17.如权利要求16所述的电子设备,其特征在于,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
确定所述第二区域所包含的操作对象作为所述第二操作对象;或者
确定所述第一区域与所述第二区域之间所包含的操作对象、以及所述第二区域所包含的操作对象作为所述第二操作对象。
18.如权利要求15-17任一所述的电子设备,其特征在于,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
响应触发操作,针对所述被访问页面的各个操作对象产生提示信息。
19.如权利要求18所述的电子设备,其特征在于,所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令:
针对不同层级的操作对象产生不同的提示信息。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610128481.3A CN107168969B (zh) | 2016-03-07 | 2016-03-07 | 一种页面元素控制方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610128481.3A CN107168969B (zh) | 2016-03-07 | 2016-03-07 | 一种页面元素控制方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107168969A true CN107168969A (zh) | 2017-09-15 |
CN107168969B CN107168969B (zh) | 2021-07-20 |
Family
ID=59849942
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610128481.3A Active CN107168969B (zh) | 2016-03-07 | 2016-03-07 | 一种页面元素控制方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107168969B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112445469A (zh) * | 2019-09-05 | 2021-03-05 | 腾讯科技(深圳)有限公司 | 一种代码生成方法、系统、计算机设备及存储介质 |
CN112948719A (zh) * | 2021-03-30 | 2021-06-11 | 北京环境特性研究所 | 一种目标特性文本浏览交互方法和装置 |
CN113779459A (zh) * | 2021-08-09 | 2021-12-10 | 北京达佳互联信息技术有限公司 | 页面显示方法、装置及电子设备 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120324331A1 (en) * | 2011-06-16 | 2012-12-20 | Microsoft Corporation | Mapping selections between a browser and the original file fetched from a web server |
US20130080911A1 (en) * | 2011-09-27 | 2013-03-28 | Avaya Inc. | Personalizing web applications according to social network user profiles |
CN103870558A (zh) * | 2012-03-29 | 2014-06-18 | 北京奇虎科技有限公司 | 页面渲染方法和遮罩层创建方法 |
CN104142826A (zh) * | 2014-07-28 | 2014-11-12 | 百度在线网络技术(北京)有限公司 | 页面的构建方法、装置及系统 |
CN104679485A (zh) * | 2013-11-28 | 2015-06-03 | 阿里巴巴集团控股有限公司 | 页面元素的控制方法及装置 |
CN104932889A (zh) * | 2015-06-15 | 2015-09-23 | 北京奇虎科技有限公司 | 页面可视化生成方法和装置 |
CN105094527A (zh) * | 2015-06-26 | 2015-11-25 | 小米科技有限责任公司 | 图标交换方法及装置 |
-
2016
- 2016-03-07 CN CN201610128481.3A patent/CN107168969B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120324331A1 (en) * | 2011-06-16 | 2012-12-20 | Microsoft Corporation | Mapping selections between a browser and the original file fetched from a web server |
US20130080911A1 (en) * | 2011-09-27 | 2013-03-28 | Avaya Inc. | Personalizing web applications according to social network user profiles |
CN103870558A (zh) * | 2012-03-29 | 2014-06-18 | 北京奇虎科技有限公司 | 页面渲染方法和遮罩层创建方法 |
CN104679485A (zh) * | 2013-11-28 | 2015-06-03 | 阿里巴巴集团控股有限公司 | 页面元素的控制方法及装置 |
CN104142826A (zh) * | 2014-07-28 | 2014-11-12 | 百度在线网络技术(北京)有限公司 | 页面的构建方法、装置及系统 |
CN104932889A (zh) * | 2015-06-15 | 2015-09-23 | 北京奇虎科技有限公司 | 页面可视化生成方法和装置 |
CN105094527A (zh) * | 2015-06-26 | 2015-11-25 | 小米科技有限责任公司 | 图标交换方法及装置 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112445469A (zh) * | 2019-09-05 | 2021-03-05 | 腾讯科技(深圳)有限公司 | 一种代码生成方法、系统、计算机设备及存储介质 |
CN112445469B (zh) * | 2019-09-05 | 2023-10-13 | 腾讯科技(深圳)有限公司 | 一种代码生成方法、系统、计算机设备及存储介质 |
CN112948719A (zh) * | 2021-03-30 | 2021-06-11 | 北京环境特性研究所 | 一种目标特性文本浏览交互方法和装置 |
CN112948719B (zh) * | 2021-03-30 | 2023-12-22 | 北京环境特性研究所 | 一种目标特性文本浏览交互方法和装置 |
CN113779459A (zh) * | 2021-08-09 | 2021-12-10 | 北京达佳互联信息技术有限公司 | 页面显示方法、装置及电子设备 |
CN113779459B (zh) * | 2021-08-09 | 2024-01-02 | 北京达佳互联信息技术有限公司 | 页面显示方法、装置及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN107168969B (zh) | 2021-07-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102423826B1 (ko) | 사용자 단말 장치 및 그의 제어 방법 | |
US20240036706A1 (en) | User terminal device and displaying method thereof | |
US9892120B2 (en) | Method for managing usage history of e-book and terminal performing the method | |
CN108920515B (zh) | 网页显示过程的信息推荐方法、装置、设备及存储介质 | |
US10228835B2 (en) | Method for displaying information, and terminal equipment | |
CN103885712B (zh) | 网页调整方法、装置及电子设备 | |
CN106294609A (zh) | 页面加载方法及装置 | |
CN104679403B (zh) | 移动终端及其控制方法 | |
WO2019085820A1 (zh) | 处理方法、装置、设备和机器可读介质 | |
CN109086366B (zh) | 浏览器中的推荐新闻显示方法、装置、设备及存储介质 | |
EP3944070A1 (en) | Mini-program production method and apparatus, and terminal and storage medium | |
CN106897937A (zh) | 一种展示社交分享信息的方法和装置 | |
KR20170008845A (ko) | 애플리케이션과 연관된 신규 메시지를 처리하기 위한 방법 및 장치 | |
CN104536787B (zh) | 资源预加载方法及装置 | |
CN105630339A (zh) | 页面控制方法及装置 | |
JP7187491B2 (ja) | 情報表示方法、装置及び媒体 | |
CN112214112A (zh) | 参数调节方法及装置 | |
CN107168969A (zh) | 一种页面元素控制方法、装置及电子设备 | |
CN104951445B (zh) | 一种网页处理方法及装置 | |
WO2016155518A1 (zh) | 一种界面交互方法及装置 | |
CN113849092A (zh) | 内容分享方法、装置和电子设备 | |
US10613622B2 (en) | Method and device for controlling virtual reality helmets | |
WO2022253132A1 (zh) | 信息显示方法、装置和电子设备 | |
EP2869161B1 (en) | Information processing device and method of controlling same, and program | |
CN105930034A (zh) | 显示对话框的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |