CN110968809B - 一种网页处理方法、装置、电子设备及存储介质 - Google Patents
一种网页处理方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN110968809B CN110968809B CN201811152671.4A CN201811152671A CN110968809B CN 110968809 B CN110968809 B CN 110968809B CN 201811152671 A CN201811152671 A CN 201811152671A CN 110968809 B CN110968809 B CN 110968809B
- Authority
- CN
- China
- Prior art keywords
- elements
- sub
- frozen
- operation element
- descendant
- 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.)
- Active
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开公开了一种网页处理方法、装置、电子设备及存储介质。该方法包括:获取网页的冻结请求,冻结请求包括网页中的操作元素;操作元素的状态为冻结,则不对操作元素进行处理;操作元素的状态为正常,则冻结操作元素。本公开实施例实现了网页呈现内容的连续性,提升了用户的使用体验。
Description
技术领域
本公开实施例涉及网页技术,尤其涉及一种网页处理方法、装置、电子设备及存储介质。
背景技术
用户在浏览网页的过程中,如果进行了页面切换,由于网页中的各种显示内容不断更新,显示内容至少包括视频、GIF(Graphics Interchange Format,图像互换格式)动画和网页动画其中之一,当重新切换到原来页面时,原来页面中的内容很可能已经发生了变化,因此用户无法继续浏览切换前原来页面的显示内容,这不利于显示内容呈现的连续性。
发明内容
本公开实施例提供一种网页处理方法、装置、电子设备及存储介质,以实现网页内容呈现的连续性,提升了用户的使用体验。
第一方面,本公开实施例提供了一种网页处理方法,该方法包括:
获取网页的冻结请求,所述冻结请求包括网页中的操作元素;
所述操作元素的状态为冻结,则不对所述操作元素进行处理;
所述操作元素的状态为正常,则冻结所述操作元素。
进一步的,所述冻结请求由显示内容交互的触发操作形成,所述交互包括所述显示内容移动到显示界面外或者在所述显示内容上弹出弹窗。
进一步的,该方法还包括:
查找所述操作元素的子元素;
所述子元素的状态为冻结,则不对所述子元素进行处理;所述子元素的状态为正常,则冻结所述子元素;
继续查找所述操作元素的子元素,根据所述子元素的状态确定对应的处理方式,直至遍历所述操作元素的子元素。
进一步的,所述继续查找所述操作元素的子元素,直至遍历所述操作元素的子元素之后,还包括:
查找所述操作元素的子孙元素;
所述子孙元素的状态为冻结,则不对所述子孙元素进行处理;所述子孙元素的状态为正常,则冻结所述子孙元素;
继续查找所述操作元素的子孙元素,根据所述子孙元素的状态确定对应的处理方式,直至遍历所述操作元素的子孙元素。
进一步的,通过状态变量的值标识操作元素、子元素和子孙元素的状态。
第二方面,本公开实施例还提供了一种网页处理方法,该方法包括:
获取网页的解冻请求,所述解冻请求包括网页中的操作元素;
所述操作元素的状态为正常,则不对所述操作元素进行处理;
所述操作元素的状态为冻结,则解冻所述操作元素。
进一步的,所述解冻请求由显示内容逆交互的触发操作生成,所述逆交互包括所述显示内容重新移动到显示界面内或者在所述显示内容上弹窗关闭。
进一步的,该方法还包括:
继续查找所述操作元素的子元素;
所述子元素的状态为正常,则不对所述子元素进行处理;所述子元素的状态为冻结,则解冻所述子元素;
继续查找所述操作元素的子元素,根据所述子元素的状态确定对应的处理方式,直至遍历所述操作元素的子元素。
进一步的,所述继续查找所述操作元素的子元素,直至遍历所述操作元素的子元素之后,还包括:
查找所述操作元素的子孙元素;
所述子孙元素的状态为正常,则不对所述子孙元素进行处理;所述子孙元素的状态为冻结,则解冻所述子孙元素;
继续查找所述操作元素的子孙元素,根据所述子孙元素的状态确定对应的处理方式,直至遍历所述操作元素的子孙元素。
进一步的,通过状态变量的值标识操作元素、子元素和子孙元素的状态。
第三方面,本公开实施例还提供了一种网页操作装置,该装置包括:
冻结请求获取模块,用于获取网页的冻结请求,所述冻结请求包括网页中的操作元素;
第一处理模块,用于所述操作元素的状态为冻结,则不对所述操作元素进行处理;
第二处理模块,用于所述操作元素的状态为正常,则冻结所述操作元素。
进一步的,所述冻结请求由显示内容交互的触发操作生成,所述交互包括所述显示内容移动到显示界面外或者在所述显示内容上弹出弹窗。
进一步的,该装置还包括:
第一查找模块,用于查找所述操作元素的子元素;
第五处理模块,用于所述子元素的状态为冻结,则不对所述子元素进行处理;所述子元素的状态为正常,则冻结所述子元素;
第一遍历模块,用于继续查找所述操作元素的子元素,根据所述子元素的状态确定对应的处理方式,直至遍历所述操作元素的子元素。
进一步的,该装置还包括:
第二查找模块,用于查找所述操作元素的子孙元素;
第六处理模块,用于所述子孙元素的状态为冻结,则不对所述子孙元素进行处理;所述子孙元素的状态为正常,则冻结所述子孙元素;
第二遍历模块,用于继续查找所述操作元素的子孙元素,根据所述子孙元素的状态确定对应的处理方式,直至遍历所述操作元素的子孙元素。
进一步的,通过状态变量的值标识操作元素、子元素和子孙元素的状态。
第四方面,本公开实施例还提供了一种网页处理装置,该装置包括:
解冻请求获取模块,用于获取网页的解冻请求,所述解冻请求包括网页中的操作元素;
第三处理模块,用于所述操作元素的状态为正常,则不对所述操作元素进行处理;
第四处理模块,用于所述操作元素的状态为冻结,则解冻所述操作元素。
进一步的,所述解冻请求由显示内容逆交互的触发操作生成,所述逆交互包括所述显示内容重新移动到显示界面内或者在所述显示内容上弹窗关闭。
进一步的,该装置还包括:
第三查找模块,用于查找所述操作元素的子元素;
第七处理模块,用于所述子元素的状态为正常,则不对所述子元素进行处理;所述子元素的状态为冻结,则解冻所述子元素;
第三遍历模块,用于继续查找所述操作元素的子元素,根据所述子元素的状态确定对应的处理方式,直至遍历所述操作元素的子元素。
进一步的,该装置还包括:
第四查找模块,用于查找所述操作元素的子孙元素;
第八处理模块,用于所述子孙元素的状态为正常,则不对所述子孙元素进行处理;所述子孙元素的状态为冻结,则解冻所述子孙元素;
第四遍历模块,用于继续查找所述操作元素的子孙元素,根据所述子孙元素的状态确定对应的处理方式,直至遍历所述操作元素的子孙元素。
进一步的,通过状态变量的值标识操作元素、子元素和子孙元素的状态。
第五方面,本公开实施例还提供了一种电子设备,该电子设备,包括:
一个或多个处理装置;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理装置执行,使得所述一个或多个处理装置实现如第一方面或者第二方面所述的方法。
第六方面,本公开实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理装置执行时实现如第一方面或者第二方面所述的方法。
本公开实施例通过获取网页的冻结请求,冻结请求包括网页中的操作元素,操作元素的状态为冻结,则不对操作元素进行处理,操作元素的状态为正常,则冻结操作元素,实现了网页呈现内容的连续性,提升了用户的使用体验。
附图说明
图1是本公开实施例中的一种网页处理方法的流程图;
图2是本公开实施例中的另一种网页处理方法的流程图;
图3是本公开实施例中的一种视频播放界面的示意图;
图4是本公开实施例中的另一种视频播放界面的示意图;
图5是本公开实施例中的一种视频冻结界面的示意图;
图6是本公开实施例中的再一种网页处理方法的流程图;
图7是本公开实施例中的又一种网页处理方法的流程图;
图8是本公开实施例中的另一种视频冻结界面的示意图;
图9是本公开实施例中的又一种视频冻结界面的示意图;
图10是本公开实施例中的一种视频解冻界面的示意图;
图11是本公开实施例中的一种网页处理装置的结构示意图;
图12是本公开实施例中的另一种网页处理装置的结构示意图;
图13是本公开实施例中的一种电子设备的结构示意图。
具体实施方式
下述各实施例中,每个实施例中同时提供了可选特征和示例,实施例中记载的各个特征可进行组合,形成多个可选方案,不应将每个编号的实施例仅视为一个技术方案。下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本公开,而非对本公开的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本公开相关的部分而非全部结构。
实施例
图1为本公开实施例提供的一种网页处理方法的流程图,本实施例可适用于对网页中的元素进行冻结的情况,该方法可以由网页处理装置来执行,该装置可以采用软件和/或硬件的方式实现,该装置可以配置于电子设备中,例如典型的是手机、平板电脑和计算机等。如图1所示,该方法具体包括如下步骤:
步骤110、获取网页的冻结请求,冻结请求包括网页中的操作元素。
在本公开的实施例中,网页是由HTML(Hyper Text Markup Language,超文本标记语言)文档组成的,并由浏览器解释并显示的一种文件。HTML是一种建立网页文件的语言,一般情况下,通过标签式的指令,将文字、图形、动画、声音、表格和链接等元素在网页上显示出来。HTML标签是由“<”和“>”所括住的指令标签,用于向浏览器发送标签指令。主要分为单标签和双标签,其中,单标签语法为:<标签[属性]>;双标签语法为:<标签[属性]>显示内容</标签>,<标签[属性]>称为开始标签,</标签>称为结束标签。换句话说,单标签指的是仅包含开始标签的标签,双标签指的是既包括开始标签又包括结束标签的标签。需要说明的是,每个HTML标签可能包括至少一个属性,也可能没有属性,需要根据实际情况进行确定,在此不作具体限定。HTML元素(即元素)指的是由标签、标签属性以及标签内容组成的总体,换句话说,元素以开始标签开始,以结束标签终止,其内容是开始标签与结束标签之间的内容。示例性的,如单标签<img src="a.gif"alt="">,双标签<div><img src="a.gif"alt=""></div>,其中,<div><img src="a.gif"alt=""></div>便表示一个元素。
下面给出网页文件的基本结构,具体如下:
<html>
<head>
</head>
<body>
</body>
</html>
其中,<html>标签用于网页文件的最前边,用来标识网页文件的开始,而</html>标签用于网页文件的最后边,用来标识网页文件的结束,两个标签必须同时使用。<head>标签和</head>标签构成网页文件的开头部分,在此标签对之间可以使用<title></title>标签对。这些标签对都是用来描述网页文件相关信息的,<head></head>之间的内容不会出现在浏览器中。<body>标签和</body>标签构成网页文件的主体部分。可将上述网页文件的结构视作树结构,这种树结构被称为节点树。通过这棵节点树可访问所有节点,可修改或删除节点的内容,也可创建新的元素,这棵节点树展示了节点的集合以及节点之间的层级关系。具体可以使用父节点、子节点和同胞描述这种关系,其中,父节点拥有子节点,同级的子节点称为同胞,相应的,在节点树中,顶端的节点被称为根节点;除了根节点外,其它节点都有父节点;除叶子节点外,其它节点可以拥有任意数量的子节点;同胞是拥有相同父节点的节点。需要说明的是,可以理解到,元素一定是节点。由于网页文件是按照树结构的形式构造的,因此,可以基于树结构的遍历方法对节点进行遍历。针对上述所述的网页文件的基本结构来说,<html>节点是根节点,其没有父节点;<head>节点和<body>节点为同辈,其父节点为<html>节点。换句话说,<html>节点拥有两个子节点,其中,<head>节点是<html>节点的首个子节点,<body>节点是<html>节点的最后一个子节点。
下面给出本公开实施例涉及的一种网页文件的基本结构。具体如下:
其中,<div>标签是一种容器类标签,用于布局定位元素,排版大块HTML段落,还用于格式化表。当作为文字分区时可保证各分区内容的排版方式独立。id和class为<html>标签的全局属性,由于<div>标签支持<html>标签的全局属性,因此,id和class也可以作为<div>标签的属性。id是设置标签的标识,用于定义一个元素的独特的样式class是设置标签的类,用于指定元素属于何种样式的类。<img>标签可以用于向网页文件中嵌入一幅图像,但是<img>标签并不是真正把图像嵌入到网页文件中,而是从网络上链接图像,其创建的是被引用图像的占位空间。具体是通过对其scr属性赋值实现的,这个值是图像的URL(Uniform Resource Locator,统一资源定位符),也即引用该图像的文件的的绝对路径或相对路径文件的文件名,所谓相对路径是指所要链接或嵌入到当前网页文件的文件与当前文件的相对位置所形成的路径。上述表明src属性是<img>标签必需的一个属性,此外,alt属性是<img>标签必需的另一个属性,它指定了在图像无法显示时的替代文本,替代图像显示在浏览器中。具体导致图像无法显示的原因如下:网速太慢;src属性出现错误;浏览器禁用图像;用户使用的是屏幕阅读器。需要说明的是,<img>标签仅有开始标签,没有结束标签。<video>标签用于定义视频,如电影片段或其它视频流。
根据前文对节点树的说明,下面对上述所给出的网页文件的基本结构所形成的节点树的组成和结构进行说明,以便于可以更好地理解冻结和解冻的相关内容。<html>节点是根节点,其没有父节点;<body>节点为<html>节点的子节点;<div>节点为<body>节点的子节点;<img>节点、<video>节点和具有animation的节点为<div>节点的子节点。需要说明的是,这里将<div>节点定义为操作元素,将<img>节点、<video>节点和具有animation的节点定义为操作元素的子元素,如果<img>节点、<video>节点和具有animation的节点存在子节点,则将<img>节点、<video>节点和具有animation的节点存在的子节点定义为操作元素的子孙元素。
需要说明的是,网页的冻结请求可以由显示内容交互的触发操作生成。交互具体可以包括显示内容移动到显示界面外或者在显示内容上弹出弹窗,触发操作具体可以包括滑动操作或点击操作。
步骤120、检测操作元素的状态是否为冻结;若是,则执行步骤130;若否,则执行步骤140。
步骤130、不对操作元素进行处理。
步骤140、冻结操作元素。
在本公开的实施例中,根据步骤110所述可知,操作元素位于节点树中,节点树中可能还存在操作元素的子元素,或者还存在着操作元素的子元素和子孙元素。根据节点树的执行逻辑,确定冻结操作的执行逻辑为:检测操作元素的状态是否为冻结状态;若是,则不对操作元素进行处理;若否,则检测操作元素存在的冻结资源,将冻结资源进行冻结。至此,完成冻结操作元素。需要说明的是,冻结资源可以包括GIF动画、网页动画和视频中的至少一种。冻结操作完成后,使得操作元素上的冻结资源冻结。示例性的,如操作元素处于正常状态,其存在的冻结资源为GIF动画、网页动画和视频,则冻结操作元素完成后,使得GIF动画和网页动画停止更新,视频暂停播放。
本实施例的技术方案,通过获取网页的冻结请求,冻结请求包括网页中的操作元素,操作元素的状态为冻结,则不对操作元素进行处理,操作元素的状态为正常,则冻结操作元素,实现了网页呈现内容的连续性,提升了用户的使用体验。
可选的,在上述技术方案的基础上,冻结请求可以由显示内容交互的触发操作生成,交互包括显示内容移动到显示界面外或者在显示内容上弹出弹窗。
在本公开的实施例中,网页的冻结请求可以由显示内容交互的触发操作生成。交互具体可以包括显示内容移动到显示界面外或者在显示内容上弹出弹窗,触发操作具体可以包括滑动操作或点击操作。可将网页的冻结请求理解为由显示内容交互的触发操作生成的原因在于:交互具体可以包括显示内容移动到显示界面外或者在显示内容上弹出弹窗,针对将显示内容移动到显示界面外的情况而言,其可以说明该显示内容已不在用户视线范围内,为了确保在显示内容重新移动到显示界面内,所呈现的显示内容与显示内容未移动前保持一致,换句话说,为了确保显示内容的连续性,需要将移动到显示界面外的显示内容进行冻结。针对在显示内容上弹出弹窗的情况而言,其可以说明该显示内容已不是用户视线所关注的焦点,且当前用户视线所关注的焦点为弹窗中显示的内容,为了弱化显示内容以突出弹窗中显示的内容,以及确保在显示内容上弹窗关闭时所呈现的显示内容与在显示内容上未弹出弹窗前最后时刻所呈现的显示内容保持一致,换句话说,也是为了确保显示内容的连续性,需要将显示内容进行冻结。可以理解到,检测到显示内容交互的触发操作,则可以说明需要冻结显示内容,因此,可将网页的冻结请求理解为由显示内容交互的触发操作生成的。此外,由于显示内容具体可以包括GIF动画、网页动画和视频中的至少一种,上述对应着操作元素可冻结的资源,同时,由于显示内容交互的触发操作在执行过程对应着调用接口确定操作元素,因此,冻结请求包括网页中的操作元素。
可选的,在上述技术方案的基础上,在操作元素的状态为冻结,则不对操作元素进行处理之后或者在操作元素的状态为正常,则冻结操作元素之后,具体还可以包括:查找操作元素的子元素。子元素的状态为冻结,则不对子元素进行处理;子元素的状态为正常,则冻结子元素。继续查找操作元素的子元素,根据子元素的状态确定对应的处理方式,直至遍历操作元素的子元素。
在本公开的实施例中,获取网页的冻结请求,冻结请求除了可以包括网页的操作元素外,如果操作元素还存在操作元素的子元素,则冻结请求还可以包括网页的操作元素的子元素。在根据操作元素的状态,完成对操作元素的冻结操作或者不对操作元素进行处理后,可以继续查找操作元素的子元素,同样的,操作元素的子元素的状态也包括冻结和正常,因此,需要根据子元素的状态,确定对应的子元素的处理方式。具体的:
a1、查找操作元素是否存在子元素;若是,则执行b1;若否,则执行c1。
b1、检测子元素的状态是否为冻结;若是,则执行d1;若否,则执行e1。
c1、结束对网页的冻结操作。
d1、不对子元素进行处理,并执行f1。
e1、检测子元素存在的冻结资源,并将冻结资源进行冻结,并执行f1。
f1、检测是否还存在子元素;若是,则返回执行b1;若否,则返回执行c1。
根据上述a1-f1完成对操作元素的子元素的操作。
可选的,在上述技术方案的基础上,在继续查找操作元素的子元素,直至之后,具体还可以包括:查找操作元素的子孙元素。子孙元素的状态为冻结,则不对子孙元素进行处理;子孙元素的状态为正常,则冻结子孙元素。继续查找操作元素的子孙元素,根据子孙元素的状态确定对应的处理方式,直至遍历操作元素的子孙元素。
在本公开的实施例中,获取网页的冻结请求,冻结请求除了可以包括网页的操作元素外,如果操作元素还包括子孙元素,则冻结请求还可以包括网页的操作元素的子孙元素。这里所述的操作元素的子孙元素可以理解为操作元素的子元素的子元素,还可以理解为操作元素的子元素的子元素的子元素,又可以理解为操作元素的子元素的子元素的子元素的子元素,换句话说,这里所述的操作元素的子孙元素包括除操作元素的子元素外,直至子元素不存在子元素的所有子元素,将上述均称为操作元素的子孙元素。也即,操作元素的子孙元素包括除第一级节点外,直至叶子节点的所有节点。
在根据操作元素的子元素的状态,完成对操作元素的子元素的冻结操作或者不对操作元素的子元素进行处理后,可以继续查找操作元素的子孙元素,同样的,操作元素的子孙元素的状态也包括冻结和正常,因此,需要根据子孙元素的状态,确定对应的子孙元素的处理方式。具体的:
a2、查找操作元素是否存在子孙元素;若是,则执行b2;若否,则执行c2。
b2、检测子孙元素的状态是否为冻结;若是,则执行d2;若否,则执行e2。
c2、结束对网页的冻结操作。
d2、不对子孙元素进行处理,并执行f2。
e2、检测子孙元素存在的冻结资源,并将冻结资源进行冻结,并执行f2。
f2、检测是否还存在子孙元素;若是,则返回执行b2;若否,则返回执行c2。
根据上述a2-f2完成对操作元素的子孙元素的操作。可选的,在上述技术方案的基础上,调用冻结函数执行冻结操作。
在本公开的实施例中,可以通过调用冻结函数执行冻结,并具体可通过调用JavaScript提供的接口document.querySelector()实现,其中,document.querySelector()用于返回文档中与指定CSS(Cascading Style Sheets,层叠样式表)选择器或CSS选择器组匹配的第一个元素,如果找不到匹配项,则返回null。语法结构为Element=document.querySelector(selectors),其中selectors具体可以选择id、类、类型、属性或属性值等。示例性的,如document.querySelector("#demo"),表示获取文档中id="demo"的元素。需要说明的是,如果要返回所有匹配元素,则需要使用document.querySelectorAll(),还需要说明的是,Element即表示元素。
基于上述,执行元素为操作元素的冻结可作如下理解:调用document.querySelector("#demo")选中id="demo"的元素,当元素调用冻结函数时,确定是否处于冻结状态,若否,则检测存在的冻结资源(如GIF动画、网页动画和视频),并将冻结资源冻结;若是,则不对元素进行处理。
可选的,在上述技术方案的基础上,可以通过状态变量的值标识操作元素、操作元素的子元素和操作元素的子孙元素的状态。
在本公开的实施例中,操作元素、操作元素的子元素以及操作元素的子孙元素的状态包括冻结和正常,具体可以通过状态变量的值对其状态进行标识,后续可根据状态变量的值确定上述元素的状态。状态变量可以设置于元素(包括操作元素、子元素以及子孙元素)类中。状态变量的值与状态的对应关系可根据实际情况进行设定,在此不作具体限定。示例性的,如状态变量的值为真,则对应状态为冻结;状态变量的值为假,则对应状态为正常。
下面以操作元素的冻结操作为例进行说明,具体的:如果根据操作元素对应的状态变量的值确定操作元素的状态为冻结,即操作元素对应的状态变量的值为真,则不对操作元素进行操作;如果根据操作元素对应的状态变量的值确定操作元素的状态为正常,即操作元素对应的状态变量的值为假,则检测存在的冻结资源,并将冻结资源冻结。
图2为本公开实施例提供的另一种网页处理方法的流程图,本实施例可适用于对网页中的元素进行冻结的情况,该方法可以由网页处理装置来执行,该装置可以采用软件和/或硬件的方式实现,该装置可以配置于电子设备中,例如典型的是手机、平板电脑和计算机等。如图2所示,该方法具体包括如下步骤:
步骤201、获取网页的冻结请求,冻结请求包括网页中的操作元素。
步骤202、检测操作元素的状态是否为冻结;若是,则执行步骤203;若否,则执行步骤204。
步骤203、不对操作元素进行处理,并执行步骤205。
步骤204、检测操作元素存在的冻结资源,将冻结资源进行冻结,并执行步骤205。
步骤205、检测操作元素是否存在子元素;若是,则执行步骤206;若否,则执行步骤207。
步骤206、结束网页的冻结操作。
步骤207、检测子元素的状态是否为冻结;若是,则执行步骤208;若否,则执行步骤209。
步骤208、不对子元素进行处理,并执行步骤210。
步骤209、检测子元素存在的冻结资源,将冻结资源进行冻结,并执行步骤210。
步骤210、检测是否还存在子元素;若是,则返回执行步骤207;若否,则执行步骤211。
步骤211、检测操作元素是否存在子孙元素;若是,则执行步骤212;若否,则返回执行步骤206。
步骤212、检测子孙元素的状态是否为冻结;若是,则执行步骤213;若否,则执行步骤214。
步骤213、不对子孙元素进行处理,并执行步骤215。
步骤214、检测子孙元素存在的冻结资源,将冻结资源进行冻结,并执行步骤215。
步骤215、检测是否还存在子孙元素;若是,则返回执行步骤212;若否,则返回执行步骤206。
在本公开的实施例中,为了更好地理解本公开实施例所提供的技术方案,下面以某用户当前正通过浏览器观看某视频为例进行说明,具体的:如图3所示,给出了一种视频播放界面的示意图。图3中正在播放某视频,用户正通过浏览器在观看某网站上推出的视频,视频正在播放第01:05min时刻的内容,当前用户处于未登录状态,用户在观看视频过程中,想针对视频内容发表评论,由于只有登录才可以发表评论,因此,用户通过点击如图4所示视频播放界面中右上角的登录控件,如图5所示,在视频上弹出一个登录框,同时冻结视频,即视频暂停播放,视频冻结时刻为第01:08min。具体冻结视频过程如下:获取到通过触发视频上弹出登录框生成的冻结请求,冻结请求包括网页中的操作元素,确定操作元素的状态为正常,则检测操作元素存在的冻结资源为视频,并将视频冻结。上述使得用户可以将视线焦点集中于登录框上,消除了视频播放所造成的影响。
本实施例的技术方案,通过获取网页的冻结请求,冻结请求包括网页中的操作元素,操作元素的状态为冻结,则不对操作元素进行处理,操作元素的状态为正常,则冻结操作元素,实现了网页呈现内容的连续性,提升了用户的使用体验。
图6为本公开实施例提供的再一种网页处理方法的流程图,本实施例可适用于对网页中的元素进行解冻的情况,该方法可以由网页处理装置来执行,该装置可以采用软件和/或硬件的方式实现,该装置可以配置于电子设备中,例如典型的是手机、平板电脑和计算机等。如图6所示,该方法具体包括如下步骤:
步骤310、获取网页的解冻请求,解冻请求包括网页中的操作元素。
在本公开的实施例中,网页的解冻请求可以由显示内容逆交互的触发操作生成。逆交互具体可以包括显示内容重新移动到显示界面内或者在显示内容上弹窗关闭,触发操作具体可以包括滑动操作或点击操作。可将网页的解冻请求理解为由显示内容逆交互的触发操作生成的原因在于:逆交互具体可以包括显示内容重新移动到显示界面内或者在显示内容上弹窗关闭,针对将显示内容重新移动到显示界面内的情况而言,其可以说明该显示内容重新进入用户视线范围内,需要将重新移动到显示界面内的显示内容进行解冻。针对在显示内容上弹窗关闭的情况而言,其可以说明该显示内容重新恢复成用户视线所关注的焦点,需要将显示内容进行解冻。可以理解到,检测到显示内容逆交互的触发操作,则可以说明需要解冻显示内容,因此,可将网页的解冻请求理解为由显示内容逆交互的触发操作生成的。此外,由于显示内容具体可以包括GIF(Graphics Interchange Format,图像互换格式)动画、网页动画和视频中的至少一种,上述对应着操作元素可冻结的资源,同时,由于显示内容逆交互的触发操作在执行过程对应着调用接口确定操作元素,因此,解冻请求包括网页中的操作元素。
步骤320、检测操作元素的状态是否为正常;若是,则执行步骤330;若否,则执行步骤340。
步骤330、不对操作元素进行处理。
步骤340、解冻操作元素。
在本公开的实施例中,根据步骤110所述可知,操作元素位于节点树中,节点树中可能还存在操作元素的子元素,或者还存在着操作元素的子元素和子孙元素。根据节点树以及冻结操作的执行逻辑,确定解冻操作的执行逻辑为:检测操作元素的状态是否为正常状态;若是,则不对操作元素进行处理;若否,则检测操作元素存在的冻结资源,将冻结资源进行解冻。至此,完成解冻操作元素。需要说明的是,解冻资源可以包括GIF动画、网页动画和视频中的至少一种。解冻操作完成后,使得操作元素上的冻结资源解冻。示例性的,如操作元素处于冻结状态,其存在的冻结资源为GIF动画、网页动画和视频,则解冻操作元素完成后,使得GIF动画和网页动画恢复更新,视频恢复播放。
本实施例的技术方案,通过获取网页的解冻请求,解冻请求包括网页中的操作元素,操作元素的状态为正常,则不对操作元素进行处理,操作元素的状态为冻结,则解冻操作元素,实现了网页呈现内容的连续性,提升了用户的使用体验。
可选的,在上述技术方案的基础上,解冻请求可以由显示内容逆交互的触发操作生成,逆交互包括显示内容重新移动到显示界面内或者在显示内容上弹出关闭。
在本公开的实施例中,网页的解冻请求可以由显示内容逆交互的触发操作生成。逆交互具体可以包括显示内容重新移动到显示界面内或者在显示内容上弹窗关闭,触发操作具体可以包括滑动操作或点击操作。可将网页的解冻请求理解为由显示内容逆交互的触发操作生成的原因在于:逆交互具体可以包括显示内容重新移动到显示界面内或者在显示内容上弹窗关闭,针对将显示内容重新移动到显示界面内的情况而言,其可以说明该显示内容重新进入用户视线范围内,需要将重新移动到显示界面内的显示内容进行解冻。针对在显示内容上弹窗关闭的情况而言,其可以说明该显示内容重新恢复成用户视线所关注的焦点,需要将显示内容进行解冻。可以理解到,检测到显示内容逆交互的触发操作,则可以说明需要解冻显示内容,因此,可将网页的解冻请求理解为由显示内容逆交互的触发操作生成的。此外,由于显示内容具体可以包括GIF动画、网页动画和视频中的至少一种,上述对应着操作元素可冻结的资源,同时,由于显示内容逆交互的触发操作在执行过程对应着调用接口确定操作元素,因此,解冻请求包括网页中的操作元素。
可选的,在上述技术方案的基础上,在操作元素的状态为正常,则不对操作元素进行处理之后或者在操作元素的状态为冻结,则解冻操作元素之后,具体还可以包括:查找操作元素的子元素。子元素的状态为正常,则不对子元素进行处理;子元素的状态为冻结,则解冻子元素。继续查找操作元素的子元素,根据子元素的状态确定对应的处理方式,直至遍历操作元素的子元素。
在本公开的实施例中,获取网页的解冻请求,解冻请求除了可以包括网页的操作元素外,如果操作元素还存在操作元素的子元素,则解冻请求还可以包括网页的操作元素的子元素。在根据操作元素的状态,完成对操作元素的解冻操作或者不对操作元素进行处理后,可以继续查找操作元素的子元素,同样的,操作元素的子元素的状态也包括冻结和正常,因此,需要根据子元素的状态,确定对应的子元素的处理方式。具体的:
a3、查找操作元素是否存在子元素;若是,则执行b3;若否,则执行c3。
b3、检测子元素的状态是否为正常;若是,则执行d3;若否,则执行e3。
c3、结束对网页的解冻操作。
d3、不对子元素进行处理,并执行f3。
e3、检测子元素存在的冻结资源,并将冻结资源进行冻结,并执行f3。
f3、检测是否还存在子元素;若是,则返回执行b3;若否,则返回执行c3。
根据上述a3-f3完成对操作元素的子元素的操作。
可选的,在上述技术方案的基础上,在继续查找操作元素的子元素,直至之后,具体还可以包括:查找操作元素的子孙元素。子孙元素的状态为冻结,则不对子孙元素进行处理;子孙元素的状态为正常,则冻结子孙元素。继续查找操作元素的子孙元素,根据子孙元素的状态确定对应的处理方式,直至遍历操作元素的子孙元素。
在本公开的实施例中,获取网页的冻结请求,冻结请求除了可以包括网页的操作元素外,如果操作元素还包括子孙元素,则冻结请求还可以包括网页的操作元素的子孙元素。这里所述的操作元素的子孙元素可以理解为操作元素的子元素的子元素,还可以理解为操作元素的子元素的子元素的子元素,又可以理解为操作元素的子元素的子元素的子元素的子元素,换句话说,这里所述的操作元素的子孙元素包括除操作元素的子元素外,直至子元素不存在子元素的所有子元素,将上述均称为操作元素的子孙元素。也即,操作元素的子孙元素包括除第一级节点外,直至叶子节点的所有节点。
在根据操作元素的子元素的状态,完成对操作元素的子元素的冻结操作或者不对操作元素的子元素进行处理后,可以继续查找操作元素的子孙元素,同样的,操作元素的子孙元素的状态也包括冻结和正常,因此,需要根据子孙元素的状态,确定对应的子孙元素的处理方式。具体的:
a4、查找操作元素是否存在子孙元素;若是,则执行b4;若否,则执行c4。
b4、检测子孙元素的状态是否为正常;若是,则执行d4;若否,则执行e4。
c4、结束对网页的解冻操作。
d4、不对子孙元素进行处理,并执行f4。
e4、检测子孙元素存在的冻结资源,并将冻结资源进行解冻,并执行f4。
f4、检测是否还存在子孙元素;若是,则返回执行b4;若否,则返回执行c4。
根据上述a4-f4完成对操作元素的子孙元素的操作。
可选的,在上述技术方案的基础上,调用解冻函数执行解冻操作。
在本公开的实施例中,可以通过调用解冻函数执行解冻,并具体可通过调用JavaScript提供的接口document.querySelector()实现,其中,document.querySelector()用于返回文档中与指定CSS选择器或CSS选择器组匹配的第一个元素,如果找不到匹配项,则返回null。语法结构为Element=document.querySelector(selectors),其中selectors具体可以选择id、类、类型、属性或属性值等。示例性的,如document.querySelector("#demo"),表示获取文档中id="demo"的元素。需要说明的是,如果要返回所有匹配元素,则需要使用document.querySelectorAll(),还需要说明的是,Element即表示元素。
基于上述,执行元素为操作元素的解冻可作如下理解:调用document.querySelector("#demo")选中id="demo"的元素,当元素调用解冻函数时,确定是否处于正常状态,若是,则检测存在的冻结资源(如GIF动画、网页动画和视频),并将冻结资源解冻;若否,则不对元素进行处理。
可选的,在上述技术方案的基础上,可以通过状态变量的值标识操作元素、操作元素的子元素和操作元素的子孙元素的状态。
在本公开的实施例中,操作元素、操作元素的子元素以及操作元素的子孙元素的状态包括冻结和正常,具体可以通过状态变量的值对其状态进行标识,后续可根据状态变量的值确定上述元素的状态。状态变量可以设置于元素(包括操作元素、子元素以及子孙元素)类中。状态变量的值与状态的对应关系可根据实际情况进行设定,在此不作具体限定。示例性的,如状态变量的值为真,则对应状态为冻结;状态变量的值为假,则对应状态为正常。
下面以操作元素的解冻操作为例进行说明,具体的:如果根据操作元素对应的状态变量的值确定操作元素的状态为冻结,即操作元素对应的状态变量的值为真,则检测存在的冻结资源,并将冻结资源冻结;如果根据操作元素对应的状态变量的值确定操作元素的状态为正常,即操作元素对应的状态变量的值为假,则不对操作元素进行操作。
图7为本公开实施例提供的又一种网页处理方法的流程图,本实施例可适用于对网页中的元素进行解冻的情况,该方法可以由网页处理装置来执行,该装置可以采用软件和/或硬件的方式实现,该装置可以配置于电子设备中,例如典型的是手机、平板电脑和计算机等。如图7所示,该方法具体包括如下步骤:
步骤401、获取网页的解冻请求,解冻请求包括网页中的操作元素。
步骤402、检测操作元素的状态是否为正常;若是,则执行步骤403;若否,则执行步骤404。
步骤403、不对操作元素进行处理,并执行步骤405。
步骤404、检测操作元素存在的冻结资源,将冻结资源进行解冻,并执行步骤405。
步骤405、检测操作元素是否存在子元素;若是,则执行步骤406;若否,则执行步骤407。
步骤406、结束网页的解冻操作。
步骤407、检测子元素的状态是否为正常;若是,则执行步骤408;若否,则执行步骤409。
步骤408、不对子元素进行处理,并执行步骤410。
步骤409、检测子元素存在的冻结资源,将冻结资源进行解冻,并执行步骤410。
步骤410、检测是否还存在子元素;若是,则返回执行步骤407;若否,则执行步骤411。
步骤411、检测操作元素是否存在子孙元素;若是,则执行步骤412;若否,则返回执行步骤406。
步骤412、检测子孙元素的状态是否为正常;若是,则执行步骤413;若否,则执行步骤414。
步骤413、不对子孙元素进行处理,并执行步骤215。
步骤414、检测子孙元素存在的冻结资源,将冻结资源进行解冻,并执行步骤415。
步骤415、检测是否还存在子孙元素;若是,则返回执行步骤412;若否,则返回执行步骤406。
在本公开的实施例中,仍以前文所述的用户当前正通过浏览器观看某视频为例进行说明。如图8所示,用户输入相关信息后通过点击登录框中的登录控件使登录框关闭,或者,如图9所示,用户通过点击登录框右上角设置的关闭控件使登录框关闭,同时解冻视频,即视频恢复播放,视频恢复时刻为第01:08min。如图10所示,给出了一种视频解冻界面的示意图。具体解冻视频过程如下:获取到通过触发视频上关闭登录框生成的解冻请求,解冻请求包括网页中的操作元素,确定操作元素的状态为冻结,则检测操作元素存在的冻结资源为视频,并将视频解冻。上述使得用户可以从视频暂停时刻继续观看视频,实现了显示内容的连续性。
本实施例的技术方案,通过获取网页的解冻请求,解冻请求包括网页中的操作元素,操作元素的状态为正常,则不对操作元素进行处理,操作元素的状态为冻结,则解冻操作元素,实现了网页呈现内容的连续性,提升了用户的使用体验。
图10为本公开实施例提供的一种网页处理装置的结构示意图,本实施例可适用于对网页中的元素进行冻结的情况,该装置可以采用软件和/或硬件的方式实现,该装置可以配置于电子设备中,例如典型的是手机、平板电脑和计算机等。如图10所示,该装置具体包括:冻结请求获取510、第一处理模块520和第二处理模块530。其中:
冻结请求获取模块510,用于获取网页的冻结请求,冻结请求包括网页中的操作元素。
第一处理模块520,用于操作元素的状态为冻结,则不对操作元素进行处理。
第二处理模块530,用于操作元素的状态为正常,则冻结操作元素。
本实施例的技术方案,通过获取网页的冻结请求,冻结请求包括网页中的操作元素,操作元素的状态为冻结,则不对操作元素进行处理,操作元素的状态为正常,则冻结操作元素,实现了网页呈现内容的连续性,提升了用户的使用体验。
可选的,在上述技术方案的基础上,冻结请求可以由显示内容交互的触发操作生成,交互包括显示内容移动到显示界面外或者在显示内容上弹出弹窗。
可选的,在上述技术方案的基础上,该装置具体可以包括:
第一查找模块,用于查找操作元素的子元素。
第五处理模块,用于子元素的状态为冻结,则不对子元素进行处理;子元素的状态为正常,则冻结子元素。
第一遍历模块,用于继续查找操作元素的子元素,直至遍历操作元素的子元素。
可选的,在上述技术方案的基础上,该装置具体还可以包括:
第二查找模块,用于查找操作元素的子孙元素。
第六处理模块,用于子孙元素的状态为冻结,则不对子孙元素进行处理;子孙元素的状态为正常,则冻结子孙元素。
第二遍历模块,用于继续查找操作元素的子孙元素,直至遍历操作元素的子孙元素。
可选的,在上述技术方案的基础上,调用冻结函数执行冻结操作。
可选的,在上述技术方案的基础上,可以通过状态变量的值标识操作元素、操作元素的子元素和操作元素的子孙元素的状态。
本公开实施例所提供的网页处理装置可执行本公开任意实施例所提供的网页处理方法,具备执行方法相应的功能模块和有益效果。
图11为本公开实施例提供的另一种网页处理装置的结构示意图,本实施例可适用于对网页中的元素进行解冻的情况,该装置可以采用软件和/或硬件的方式实现,该装置可以配置于电子设备中,例如典型的是手机、平板电脑和计算机等。如图11所示,该装置具体包括:解冻请求获取610、第三处理模块620和第四处理模块630。其中:
解冻请求获取模块610,用于获取网页的解冻请求,解冻请求包括网页中的操作元素。
第三处理模块620,用于操作元素的状态为正常,则不对操作元素进行处理。
第四处理模块630,用于操作元素的状态为冻结,则解冻操作元素。
本实施例的技术方案,通过获取网页的解冻请求,解冻请求包括网页中的操作元素,操作元素的状态为正常,则不对操作元素进行处理,操作元素的状态为冻结,则解冻操作元素,实现了网页呈现内容的连续性,提升了用户的使用体验。
可选的,在上述技术方案的基础上,解冻请求可以由显示内容逆交互的触发操作生成,逆交互包括显示内容重新移动到显示界面内或者在显示内容上弹出关闭。
可选的,在上述技术方案的基础上,该装置具体还可以包括:
第三查找模块,用于查找操作元素的子元素。
第七处理模块,用于子元素的状态为正常,则不对子元素进行处理;子元素的状态为冻结,则解冻子元素。
第三遍历模块,用于继续查找操作元素的子元素,直至遍历操作元素的子元素。
可选的,在上述技术方案的基础上,该装置具体还可以包括:
第四查找模块,用于查找操作元素的子孙元素。
第八处理模块,用于子孙元素的状态为正常,则不对子孙元素进行处理;子孙元素的状态为冻结,则解冻子孙元素。
第四遍历模块,用于继续查找操作元素的子孙元素,直至遍历操作元素的子孙元素。
可选的,在上述技术方案的基础上,调用解冻函数执行解冻操作。
可选的,在上述技术方案的基础上,可以通过状态变量的值标识操作元素、操作元素的子元素和操作元素的子孙元素的状态。
本公开实施例所提供的网页处理装置可执行本公开任意实施例所提供的网页处理方法,具备执行方法相应的功能模块和有益效果。
下面参考图13,其示出了适于用来实现本公开实施例的电子设备(例如终端设备或服务器)700的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图13示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图13所示,电子设备700可以包括处理装置(例如中央处理器、图形处理器等)701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中,还存储有电子设备700操作所需的各种程序和数据。处理装置701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
通常,以下装置可以连接至I/O接口705:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707;包括例如磁带、硬盘等的存储装置708;以及通信装置809。通信装置809可以允许电子设备700与其他设备进行无线或有线通信以交换数据。虽然图13示出了具有各种装置的电子设备700,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置809从网络上被下载和安装,或者从存储装置708被安装,或者从ROM 702被安装。在该计算机程序被处理装置701执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取网页的冻结请求,冻结请求包括网页中的操作元素。操作元素的状态为冻结,则不对操作元素进行处理。操作元素的状态为正常,则冻结操作元素。
或者,上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取网页的解冻请求,解冻请求包括网页中的操作元素。操作元素的状态为正常,则不对操作元素进行处理。操作元素的状态为冻结,则解冻操作元素。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (12)
1.一种网页处理方法,其特征在于,包括:
获取网页的冻结请求,所述冻结请求包括网页中的操作元素;
所述操作元素用于布局网页的定位元素,排版HTML段落,以及格式化表;
在所述操作元素的状态为冻结的情况下,不对所述操作元素进行处理;
在所述操作元素的状态为正常的情况下,检测所述操作元素存在的冻结资源,将冻结资源进行冻结,以使所述操作元素上的冻结资源暂停播放;
查找所述操作元素的子元素;
在所述子元素的状态为冻结的情况下,不对所述子元素进行处理;在所述子元素的状态为正常的情况下,冻结所述子元素;
继续查找所述操作元素的子元素,根据所述子元素的状态确定对应的处理方式,直至遍历所述操作元素的子元素。
2.根据权利要求1所述的方法,其特征在于,所述冻结请求由显示内容交互的触发操作生成,所述交互包括所述显示内容移动到显示界面外或者在所述显示内容上弹出弹窗。
3.根据权利要求1所述的方法,其特征在于,所述继续查找所述操作元素的子元素,直至遍历所述操作元素的子元素之后,还包括:
查找所述操作元素的子孙元素;
在所述子孙元素的状态为冻结的情况下,不对所述子孙元素进行处理;在所述子孙元素的状态为正常的情况下,冻结所述子孙元素;
继续查找所述操作元素的子孙元素,根据所述子孙元素的状态确定对应的处理方式,直至遍历所述操作元素的子孙元素。
4.根据权利要求3所述的方法,其特征在于,通过状态变量的值标识操作元素、子元素和子孙元素的状态。
5.一种网页处理方法,其特征在于,包括:
获取网页的解冻请求,所述解冻请求包括网页中的操作元素;
所述操作元素用于布局网页的定位元素,排版HTML段落,以及格式化表;
在所述操作元素的状态为正常的情况下,不对所述操作元素进行处理;
在所述操作元素的状态为冻结的情况下,检测操作元素存在的冻结资源,将冻结资源进行解冻,以使所述操作元素上的冻结资源恢复播放;
查找所述操作元素的子元素;
在所述子元素的状态为正常的情况下,不对所述子元素进行处理;所述子元素的状态为冻结,则解冻所述子元素;
继续查找所述操作元素的子元素,根据所述子元素的状态确定对应的处理方式,直至遍历所述操作元素的子元素。
6.根据权利要求5所述的方法,其特征在于,所述解冻请求由显示内容逆交互的触发操作生成,所述逆交互包括所述显示内容重新移动到显示界面内或者在所述显示内容上弹出关闭。
7.根据权利要求5所述的方法,其特征在于,所述继续查找所述操作元素的子元素,直至遍历所述操作元素的子元素之后,还包括:
查找所述操作元素的子孙元素;
在所述子孙元素的状态为正常的情况下,不对所述子孙元素进行处理;在所述子孙元素的状态为冻结的情况下,解冻所述子孙元素;
继续查找所述操作元素的子孙元素,根据所述子孙元素的状态确定对应的处理方式,直至遍历所述操作元素的子孙元素。
8.根据权利要求7所述的方法,其特征在于,通过状态变量的值标识操作元素、子元素和子孙元素的状态。
9.一种网页处理装置,其特征在于,包括:
冻结请求获取模块,用于获取网页的冻结请求,所述冻结请求包括网页中的操作元素;
所述操作元素用于布局网页的定位元素,排版HTML段落,以及格式化表;
第一处理模块,用于在所述操作元素的状态为冻结的情况下,不对所述操作元素进行处理;
第二处理模块,用于在所述操作元素的状态为正常的情况下,检测所述操作元素存在的冻结资源,将冻结资源进行冻结,以使所述操作元素上的冻结资源暂停播放;
第一查找模块,用于查找操作元素的子元素;
第五处理模块,用于在子元素的状态为冻结的情况下,不对子元素进行处理;在子元素的状态为正常的情况下,冻结子元素;
第一遍历模块,用于继续查找操作元素的子元素,直至遍历操作元素的子元素。
10.一种网页处理装置,其特征在于,包括:
解冻请求获取模块,用于获取网页的解冻请求,所述解冻请求包括网页中的操作元素;
所述操作元素用于布局网页的定位元素,排版HTML段落,以及格式化表;
第三处理模块,用于在所述操作元素的状态为正常的情况下,不对所述操作元素进行处理;
第四处理模块,用于在所述操作元素的状态为冻结的情况下,检测操作元素存在的冻结资源,将冻结资源进行解冻,以使所述操作元素上的冻结资源恢复播放;
第三查找模块,用于查找操作元素的子元素;
第七处理模块,用于在子元素的状态为正常的情况下,不对子元素进行处理;在子元素的状态为冻结的情况下,解冻子元素;
第三遍历模块,用于继续查找操作元素的子元素,直至遍历操作元素的子元素。
11.一种电子设备,其特征在于,包括:
一个或多个处理装置;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理装置执行,使得所述一个或多个处理装置实现如权利要求1-8任一所述的方法。
12.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理装置执行时实现如权利要求1-8任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811152671.4A CN110968809B (zh) | 2018-09-29 | 2018-09-29 | 一种网页处理方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811152671.4A CN110968809B (zh) | 2018-09-29 | 2018-09-29 | 一种网页处理方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110968809A CN110968809A (zh) | 2020-04-07 |
CN110968809B true CN110968809B (zh) | 2021-08-03 |
Family
ID=70028142
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811152671.4A Active CN110968809B (zh) | 2018-09-29 | 2018-09-29 | 一种网页处理方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110968809B (zh) |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101763434B (zh) * | 2010-01-12 | 2012-09-26 | 深圳市同洲电子股份有限公司 | 嵌入式浏览器的网页脚本指令执行控制方法、终端和系统 |
WO2014075509A1 (zh) * | 2012-11-13 | 2014-05-22 | 北京奇虎科技有限公司 | 浏览器进行页面元素处理的方法及装置 |
KR20140117122A (ko) * | 2013-03-26 | 2014-10-07 | 삼성전자주식회사 | 전자장치에서 동적으로 변하는 웹페이지 내용을 제어하는 방법 및 장치 |
CN103336838B (zh) * | 2013-07-15 | 2017-03-15 | 小米科技有限责任公司 | 一种网页的处理方法、装置和终端设备 |
US20150248722A1 (en) * | 2014-03-03 | 2015-09-03 | Swell, Inc. | Web based interactive multimedia system |
CN106776301B (zh) * | 2016-12-01 | 2020-12-04 | 广州酷狗计算机科技有限公司 | 子元素测试方法及装置 |
-
2018
- 2018-09-29 CN CN201811152671.4A patent/CN110968809B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN110968809A (zh) | 2020-04-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8959142B2 (en) | Combining server-side and client-side user interface elements | |
CN109740085B (zh) | 一种页面内容的展示方法、装置、设备及存储介质 | |
US20180067925A1 (en) | Real-time natural language processing of datastreams | |
US8572202B2 (en) | Persistent saving portal | |
US10346523B1 (en) | Content synchronization across devices | |
JP2012511208A (ja) | 提案した絞込みタームおよび垂直検索に対する検索結果のプレビュー | |
US11416538B1 (en) | System and method for sharing trimmed versions of digital media items | |
JP2013517556A (ja) | 高められたブラウジング速度のためのプレビュー機能性 | |
US20130339840A1 (en) | System and method for logical chunking and restructuring websites | |
CN101765979A (zh) | 用于移动设备的文档处理 | |
CN110597612B (zh) | 智能设备任务管理的方法和装置 | |
CN105283843B (zh) | 可嵌入的媒体内容搜索微件 | |
US11314757B2 (en) | Search results modulator | |
CN104424232A (zh) | 一种网页标注方法和装置 | |
WO2023016349A1 (zh) | 一种文本输入方法、装置、电子设备和存储介质 | |
WO2023071491A1 (zh) | 百科信息确定方法、显示方法、装置、设备和介质 | |
CN114564269A (zh) | 页面显示方法、装置、设备、可读存储介质及产品 | |
US20240160650A1 (en) | Document processing method and apparatus, device, and medium | |
CN111353296B (zh) | 文章处理方法、装置、电子设备及计算机可读存储介质 | |
CN110968809B (zh) | 一种网页处理方法、装置、电子设备及存储介质 | |
US10452727B2 (en) | Method and system for dynamically providing contextually relevant news based on an article displayed on a web page | |
CN111460769B (zh) | 文章发布方法、装置、存储介质和电子设备 | |
US20140244698A1 (en) | Method for Skipping Empty Folders when Navigating a File System | |
CN113094286A (zh) | 页面测试方法和装置、存储介质和电子设备 | |
CN110990730B (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 |