CN113094006A - 一种数据处理方法、装置和电子设备 - Google Patents
一种数据处理方法、装置和电子设备 Download PDFInfo
- Publication number
- CN113094006A CN113094006A CN202010019660.XA CN202010019660A CN113094006A CN 113094006 A CN113094006 A CN 113094006A CN 202010019660 A CN202010019660 A CN 202010019660A CN 113094006 A CN113094006 A CN 113094006A
- Authority
- CN
- China
- Prior art keywords
- webpage
- page
- synchronization information
- state synchronization
- page state
- 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.)
- Pending
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 23
- 238000009877 rendering Methods 0.000 claims abstract description 56
- 238000000034 method Methods 0.000 claims abstract description 46
- 238000012545 processing Methods 0.000 claims abstract description 35
- 238000003860 storage Methods 0.000 claims description 16
- 230000008569 process Effects 0.000 abstract description 13
- 230000001360 synchronised effect Effects 0.000 abstract description 12
- 238000004364 calculation method Methods 0.000 abstract description 7
- 230000006835 compression Effects 0.000 abstract description 6
- 238000007906 compression Methods 0.000 abstract description 6
- 230000006837 decompression Effects 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 20
- 238000004891 communication Methods 0.000 description 16
- 238000005516 engineering process Methods 0.000 description 6
- 238000004590 computer program Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 230000001133 acceleration Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 239000011159 matrix material Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000003384 imaging method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1454—Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供了一种数据处理方法、装置和电子设备,其中,所述方法包括:主设备将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据网页文件渲染出与第一网页页面相同的第二网页页面;与从设备进行信息同步,确定对应的页面状态同步信息;依据页面状态同步信息渲染第一网页页面;同时,从设备也依据页面状态同步信息渲染第二网页页面,从而保证在后续用户针对网页页面操作后从设备与主设备的同屏。相对于现有技术而言,本发明实施例主从设备无需进行编码、压缩,解压、解码等操作,只需各自渲染即可实现同屏,降低了主从设备的计算量;且同屏过程中,只需要页面状态同步信息,传输的数据量也低,从而大大提高了同屏效率。
Description
技术领域
本发明涉及数据处理技术领域,特别是涉及一种数据处理方法、装置和电子设备。
背景技术
同屏是指在不同设备的屏幕显示相同的内容。实际应用的很多情况都用到了同屏,例如在会议过程中,用户看不清投影仪投影的PPT时,可以将与投影仪连接的终端设备与自己的终端设备进行同屏。又例如,当多个用户需要同时编辑一个文件时,可以将这多个用户的终端设备进行同屏。
现有技术中,同屏的实现通常采用的是“视频流”的方式。以两台设备(设备A和设备B)为例,说明现有实现同屏的方法:设备A对其屏幕展示的页面进行截屏,并将截屏的图片进行编码;然后对编码后的数据进行压缩,以较高的传输速率传递到设备B;设备B在收到压缩后的编码数据流之后,分块解压、解码,最后再换算成点阵信息显示到其屏幕上。但由于需要对屏幕图片整体做编解码,计算量大;且传输的数据量也大,导致同屏的效率比较低。
发明内容
本发明实施例提供一种数据处理方法,以提高同屏效率。
相应的,本发明实施例还提供了一种数据处理装置和一种电子设备,用以保证上述方法的实现及应用。
为了解决上述问题,本发明实施例公开了一种数据处理方法,具体包括:主设备将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;与所述从设备进行信息同步,确定对应的页面状态同步信息;依据所述页面状态同步信息渲染所述第一网页页面。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收用户针对所述第一网页页面的第一页面操作;生成所述第一页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述从设备。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:周期性生成所述第一网页页面对应的页面状态同步信息并发送至所述从设备;以及周期性获取所述从设备发送的所述第二网页页面对应的页面状态同步信息。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收所述从设备发送的所述第二网页页面对应的页面状态同步信息;所述页面状态同步信息由所述从设备依据用户针对所述第二网页页面的第二页面操作生成。
可选地,所述生成所述第一页面操作对应的页面状态同步信息,包括:基于所述第一页面操作生成对应的页面事件,依据所述页面事件生成对应的页面状态同步信息;所述页面事件包括以下至少一种:所述第一页面操作对应的位置信息、所述第一页面操作对应的操作时间、确定所述第一页面操作对应的输入内容和所述第一页面操作对应的触控类型。
可选地,所述生成所述第一页面操作对应的页面状态同步信息,包括:对所述第一网页页面的第一页面信息进行更新,并确定所述第一页面信息的更新信息,所述更新信息包括DOM树的状态更新信息和内部对象的对象更新信息;依据更新信息,生成对应的页面状态同步信息。
本发明实施例还公开了一种数据处理装置,应用于主设备中,包括:网页文件发送模块,用于将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;第一同步模块,用于与所述从设备进行信息同步,确定对应的页面状态同步信息;第一渲染模块,用于依据所述页面状态同步信息渲染所述第一网页页面。
可选地,所述第一同步模块,包括:第一操作接收子模块,用于接收用户针对所述第一网页页面的第一页面操作;第一同步信息生成子模块,用于生成所述第一页面操作对应的页面状态同步信息;第一同步信息发送子模块,用于将所述页面状态同步信息发送至所述从设备。
可选地,所述第一同步模块,包括:第二同步信息发送子模块,用于周期性生成所述第一网页页面对应的页面状态同步信息并发送至所述从设备;第一同步信息获取子模块,用于周期性获取所述从设备发送的所述第二网页页面对应的页面状态同步信息。
可选地,所述第一同步模块,包括:第一同步信息接收子模块,用于接收所述从设备发送的所述第二网页页面对应的页面状态同步信息;所述页面状态同步信息由所述从设备依据用户针对所述第二网页页面的第二页面操作生成。
可选地,所述第一同步信息生成子模块,用于基于所述第一页面操作生成对应的页面事件,依据所述页面事件生成对应的页面状态同步信息;所述页面事件包括以下至少一种:所述第一页面操作对应的位置信息、所述第一页面操作对应的操作时间、确定所述第一页面操作对应的输入内容和所述第一页面操作对应的触控类型。
可选地,所述第一同步信息生成子模块,用于对所述第一网页页面的第一页面信息进行更新,并确定所述第一页面信息的更新信息,所述更新信息包括DOM树的状态更新信息和内部对象的对象更新信息;依据更新信息,生成对应的页面状态同步信息。
本发明实施例还公开了一种数据处理方法,具体包括:从设备接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应;依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;与所述主设备进行信息同步,确定对应的页面状态同步信息;依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
可选地,所述与所述主设备进行信息同步,确定对应的页面状态同步信息,包括:接收所述主设备发送的所述第一网页页面对应的页面状态同步信息;所述页面状态同步信息由所述主设备依据用户针对所述第一网页页面的第一页面操作生成。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:周期性生成所述第二网页页面对应的页面状态同步信息并发送至所述主设备;以及周期性获取所述主设备发送的所述第一网页页面对应的页面状态同步信息。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收用户针对所述第二网页页面的第二页面操作;生成所述第二页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述主设备。
本发明实施例还公开了一种数据处理装置,具体包括:网页文件接收模块,用于接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应;第二渲染模块,用于依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;第二同步模块,用于与所述主设备进行信息同步,确定对应的页面状态同步信息;第三渲染模块,用于依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
可选地,所述第二同步模块,包括:第二同步信息接收子模块,用于接收所述主设备发送的所述第一网页页面对应的页面状态同步信息;所述页面状态同步信息由所述主设备依据用户针对所述第一网页页面的第一页面操作生成。
可选地,所述第二同步模块,包括:第三同步信息发送子模块,用于周期性生成所述第二网页页面对应的页面状态同步信息并发送至所述主设备;第二同步信息获取子模块,用于周期性获取所述主设备发送的所述第一网页页面对应的页面状态同步信息。
可选地,所述第二同步模块,包括:第二操作接收子模块,用于接收用户针对所述第二网页页面的第二页面操作;第二同步信息生成子模块,用于生成所述第二页面操作对应的页面状态同步信息;第四同步信息发送子模块,用于将所述页面状态同步信息发送至所述主设备。
本发明实施例还公开了一种可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如本发明实施例任一所述的数据处理方法。
本发明实施例还公开了一种电子设备,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;与所述从设备进行信息同步,确定对应的页面状态同步信息;依据所述页面状态同步信息渲染所述第一网页页面。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收用户针对所述第一网页页面的第一页面操作;生成所述第一页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述从设备。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:周期性生成所述第一网页页面对应的页面状态同步信息并发送至所述从设备;以及周期性获取所述从设备发送的所述第二网页页面对应的页面状态同步信息。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收所述从设备发送的所述第二网页页面对应的页面状态同步信息;所述页面状态同步信息由所述从设备依据用户针对所述第二网页页面的第二页面操作生成。
可选地,所述生成所述第一页面操作对应的页面状态同步信息,包括:基于所述第一页面操作生成对应的页面事件,依据所述页面事件生成对应的页面状态同步信息;所述页面事件包括以下至少一种:所述第一页面操作对应的位置信息、所述第一页面操作对应的操作时间、确定所述第一页面操作对应的输入内容和所述第一页面操作对应的触控类型。
可选地,所述生成所述第一页面操作对应的页面状态同步信息,包括:对所述第一网页页面的第一页面信息进行更新,并确定所述第一页面信息的更新信息,所述更新信息包括DOM树的状态更新信息和内部对象的对象更新信息;依据更新信息,生成对应的页面状态同步信息。
本发明实施例还公开了一种电子设备,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应;依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;与所述主设备进行信息同步,确定对应的页面状态同步信息;依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
可选地,所述与所述主设备进行信息同步,确定对应的页面状态同步信息,包括:接收所述主设备发送的所述第一网页页面对应的页面状态同步信息;所述页面状态同步信息由所述主设备依据用户针对所述第一网页页面的第一页面操作生成。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:周期性生成所述第二网页页面对应的页面状态同步信息并发送至所述主设备;以及周期性获取所述主设备发送的所述第一网页页面对应的页面状态同步信息。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收用户针对所述第二网页页面的第二页面操作;生成所述第二页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述主设备。
本发明实施例包括以下优点:
本发明实施例中,主设备将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面,实现从设备与主设备的初始同屏;后续主设备与所述从设备进行信息同步,确定对应的页面状态同步信息,然后依据所述页面状态同步信息渲染所述第一网页页面;同时,从设备也依据所述页面状态同步信息渲染所述第二网页页面,从而保证在后续用户针对网页页面操作后从设备与主设备的同屏。相对于现有技术而言,本发明实施例主从设备无需进行编码、压缩,解压、解码等操作,只需各自渲染即可实现同屏,降低了主从设备的计算量;且本发明实施例同屏过程中,只需要传输网页文件和页面状态同步信息,传输的数据量也低,从而大大提高了同屏效率。
附图说明
图1是本发明的一种主设备侧数据处理方法实施例的步骤流程图;
图2是本发明的一种从设备侧数据处理方法实施例的步骤流程图;
图3是本发明的一种数据处理方法实施例的步骤流程图;
图4是本发明的一种数据处理方法可选实施例的步骤流程图;
图5是本发明的又一种数据处理方法可选实施例的步骤流程图;
图6是本发明的一种主设备侧数据处理装置实施例的结构框图;
图7是本发明的一种主设备侧数据处理装置可选实施例的结构框图;
图8是本发明的一种从设备侧数据处理装置实施例的结构框图;
图9是本发明的一种从设备侧数据处理装置可选实施例的结构框图;
图10根据一示例性实施例示出的一种用于数据处理的电子设备的结构框图;
图11是本发明根据另一示例性实施例示出的一种用于数据处理的电子设备的结构示意图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
本发明实施例的核心构思之一是,将不同设备的页面资源进行同步,然后同时基于同步的页面资源各自进行渲染,实现在不同设备界面的同屏。
其中,不同设备之间同屏的界面可以是指Web(World Wide Web,全球广域网)页面。所述设备可以包括但不限于:移动终端、PC端等。本发明实施例对设备的操作系统不作限制,可以是例如安卓系统、IOS系统、微软系统、LINUX系统和Web系统等等。当设备的操作系统是Web系统时,设备中显示的所有界面均为网页页面,即同屏的界面可以是设备中显示的所有界面;当设备的操作系统是其他系统时,同屏的界面可以是设备中浏览器的网页页面。
参照图1,示出了本发明的一种主设备侧数据处理方法实施例的步骤流程图,具体可以包括如下步骤:
步骤102、主设备将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面。
为了便于后续说明,本发明实施例中,可以将需要将页面同屏到其他设备的设备称为主设备,以及将需要与主设备同屏的设备为从设备。其中,一个主设备可以对应至少一个从设备。
初始时,从设备中显示的界面与主设备中显示界面不同;若需要将主设备的页面同屏到从设备上,则主设备可以将其当前展示的网页页面确定为第一网页页面;然后获取所述第一网页页面的网页文件,并将第一网页页面的网页文件发送给从设备,以使从设备在接收到所述网页文件后,基于所述网页文件进行渲染,显示与所述第一网页页面相同的第二网页页面;进而实现从设备与主设备的初始同屏。当然,也可以是由从设备向主设备发送同屏请求,主设备基于所述同屏请求,将当前展示的网页页面确定为第一网页页面;然后获取所述第一网页页面的网页文件,并将第一网页页面的网页文件发送给从设备。
其中,所述网页文件可以是指用于Web内核进行渲染出网页页面的文件;所述网页文件包括但不限于:Css(Cascading Style Sheets,层叠样式表)样式,Html(HyperTextMarkup Language,超文本标记语言)元素,以及JS(JavaScript,一种直译式脚本语言)代码。
步骤104、与所述从设备进行信息同步,确定对应的页面状态同步信息。
步骤106、依据所述页面状态同步信息渲染所述第一网页页面。
在主设备与从设备初始同屏后,用户可能会在主设备上针对第一网页页面进行操作,或者在从设备上针对第二网页页面进行操作;如点击按钮的操作、针对文本的高亮显示操作、复制操作等等。为了保证在后续用户针对网页页面操作后从设备与主设备的同屏,主设备与从设备可以进行信息同步;然后基于同步的信息同步进行渲染,使得第一网页页面和第二网页页面相同。
其中,针对主设备侧而言,可以与从设备进行信息同步,确定对应的页面状态同步信息;然后主设备的Web内核可以基于所述页面状态同步信息进行渲染,更新所述第一网页页面。其中,所述页面状态同步信息可以包括多种,如页面事件、DOM(DocumentObjectMode,文档对象模型)树的状态更新信息、内部对象的对象更新信息等等,本发明实施例对此不作限制。
综上,本发明实施例中,主设备将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面,实现从设备与主设备的初始同屏;后续主设备与所述从设备进行信息同步,确定对应的页面状态同步信息,然后依据所述页面状态同步信息渲染所述第一网页页面;同时,从设备也依据所述页面状态同步信息渲染所述第二网页页面,从而保证在后续用户针对网页页面操作后从设备与主设备的同屏。相对于现有技术而言,本发明实施例主从设备无需进行编码、压缩,解压、解码等操作,只需各自渲染即可实现同屏,降低了主从设备的计算量;且本发明实施例同屏过程中,只需要传输网页文件和页面状态同步信息,传输的数据量也低,从而大大提高了同屏效率。
以下以一个从设备为例,对从设备在同屏过程中执行的操作进行说明。
参照图2,示出了本发明的一种从设备侧数据处理方法实施例的步骤流程图,具体可以包括如下步骤:
步骤202、从设备接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应。
步骤204、依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面。
本发明实施例中,初始时,主设备将当前展示的第一网页页面对应的网页文件发送至从设备,从设备可以接收主设备发送的网页文件。然后可以对所述网页文件进行解析,基于解析的结果进行渲染,展示出所述第一网页页面相同的网页页面(后续可以称为第二网页页面);进而实现了与主设备的初始同屏。
步骤206、与所述主设备进行信息同步,确定对应的页面状态同步信息。
步骤208、依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
在主设备与从设备初始同屏后,为了保证在后续用户针对网页页面操作后从设备与主设备的同屏;针对从设备而言,可以与所述主设备进行信息同步,确定对应的页面状态同步信息。然后从设备的Web内核可以依据该页面状态同步信息再次进行渲染,更新第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
综上,本发明实施例中,待主设备发送当前展示的第一网页页面的网页文件后,从设备可以接收所述网页文件,然后依据所述网页文件进行渲染,展示与所述第一网页页面相同的第二网页页面,进而实现从设备与主设备的初始同屏;后续从设备与所述主设备进行信息同步,确定对应的页面状态同步信息后,从设备可以依据所述页面状态同步信息渲染所述第二网页页面,同时主设备也依据页面状态同步信息渲染所述第一网页页面,以保证所述第二网页页面与所述第一网页页面相同。相对于现有技术而言,本发明实施例主从设备无需进行编码、压缩,解压、解码等操作,只需各自渲染即可实现同屏,降低了主从设备的计算量;且本发明实施例同屏过程中,只需要传输网页文件和页面状态同步信息,传输的数据量也低,从而大大提高了同屏效率。
本发明实施例中,主设备与从设备初始同屏后,在用户针对网页执行页面操作后,实现主从设备同屏的方式可以包括多种;如主从设备周期性获取页面状态同步信息,以实现同屏,又如主从设备基于用户操作触发发送/接收页面状态同步信息,以实现同屏,等等;本发明实施例对此不作限制。
以下对主从设备基于用户操作触发发送/接收页面状态同步信息,如何实现同屏进行说明。以下以主设备的第一网页页面接收到用户的操作为例,说明主从设备如何同屏。
参照图3,示出了本发明的一种数据处理方法实施例的步骤流程图,具体可以包括如下步骤:
步骤302、主设备将当前展示的第一网页页面的网页文件发送至从设备。
本发明实施例中,可以预先建立主设备和从设备之间的通讯通道,以便于主设备和从设备通过所述通讯通道进行数据传输,实现主设备与从设备同屏。
其中,所述通讯通道可以是无线通道,也可以是有线通道,本发明实施例对此不作限制。此外,本发明实施例对主设备和从设备数据传输的协议也不作限制。
初始时,主设备可以将当前展示的第一网页页面的网页文件,通过与从设备之间的通讯通道发送至从设备。
步骤304、从设备接收主设备发送的网页文件,依据所述网页文件进行渲染出所述第一网页页面相同的第二网页页面。
对应的,从设备可以从与主设备之间的通讯通道接收所述网页文件;然后根据所述网页文件进行渲染,得到第二网页页面,从而实现与主设备的初始同屏。其中,一种根据所述网页文件进行渲染,得到第二网页页面的实现方式可以是:从设备的Web内核对所述网页文件中的Css样式,Html元素,以及JS代码进行解析,构建DOM树和相关节点的Css样式信息。然后基于所述DOM树和相关节点的Css样式信息,构建一个新的内部绘图模型(也叫排版树),并计算内部绘图模型内各个元素的位置和大小;再基于内部绘图模型绘制图形,得到第二网页页面。其中,在绘制过程中,需要页面数据(如图片、视频等)时,可以从该第一网页页面对应的服务器中获取对应的页面数据;进而无需主设备向从设备传输页面数据,降低传输的数据量。
步骤306、主设备接收用户针对所述第一网页页面的第一页面操作。
步骤308、主设备生成所述第一页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述从设备。
当用户针对主设备的第一网页页面进行操作时,主设备可以接收用户针对所述第一网页页面的第一页面操作;然后生成所述第一页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述从设备,以使从设备与主设备进行信息同步。
本发明的一个示例中,所述生成所述第一页面操作对应的页面状态同步信息的方式可以是:基于所述第一页面操作生成对应的页面事件,依据所述页面事件生成对应的页面状态同步信息。
本发明实施例中,用户在页面中的操作可以包括多种,如点击按钮、长按文本区域、拖动网页元素、输入内容等等。因此本发明的一个示例中,一种基于所述第一页面操作生成对应的页面事件的方式可以是:
确定所述第一页面操作对应于所述第一网页页面的位置信息;和/或,
确定所述第一页面操作对应的操作时间;和/或,
确定所述第一页面操作对应的输入内容;
确定所述第一页面操作对应的触控类型,其中,所述触控类型可以包括但不限于:点击、长按、按压、拖动等等。
进而所述页面事件可以包括以下至少一种:所述第一页面操作对应的位置信息、所述第一页面操作对应的操作时间、确定所述第一页面操作对应的输入内容和所述第一页面操作对应的触控类型。
本发明的另一个示例中,所述生成所述第一页面操作对应的页面状态同步信息的方式可以是:对所述第一网页页面的第一页面信息进行更新,并确定所述第一页面信息的更新信息,所述更新信息包括DOM树的状态更新信息和内部对象的对象更新信息;依据更新信息,生成对应的页面状态同步信息。
其中,主设备在接收到第一页面操作后,可以基于所述第一页面操作更新第一网页页面对应的第一页面信息;其中,所述第一页面信息可以包括与第一网页页面相关的所有信息,如第一网页页面的网页文件、第一网页页面在内存中对应的对象等等;所述第一页面信息中被更新的信息可以称为更新信息。所述更新信息可以包括DOM树的状态更新信息和内部对象的对象更新信息。其中,所述DOM树的状态更新信息可以包括:DOM树的现有节点中待更新状态的节点的状态信息(可以包括节点标识和属性值),DOM树的现有节点中待删除的节点标识,DOM树中待添加的节点的状态信息(可以包括节点标识和属性值)等。所述内部对象可以包括网页文件中CSS样式的对象、JS代码中的对象,以及web内核为第一网页页面在内存中创建的对象等等,本发明实施例对此不作限制。所述对象更新信息可以包括类标识和对象的属性值,例如(ST-StudentA),其中ST为类Student的标识,StudentA为对象的属性值。
步骤310、从设备接收所述主设备发送的所述第一网页页面对应的页面状态同步信息;所述页面状态同步信息由所述主设备依据用户针对所述第一网页页面的第一页面操作生成。
步骤312、主设备依据所述页面状态同步信息渲染所述第一网页页面。
本发明的一个示例中,若所述页面状态同步信息是依据页面事件生成的,则主设备可以基于所述页面状态同步信息更新第一网页页面对应的第一页面信息。然后主设备的Web内核基于更新的第一页面信息进行渲染,更新所述第一网页页面。当然,若所述页面状态同步信息是依据更新信息生成的,则说明第一页面信息已被更新,此时主设备的Web内核基于更新的第一页面信息进行渲染,更新所述第一网页页面即可。
步骤314、从设备依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
本发明实施例中,若从设备接收的所述页面状态同步信息是依据页面事件生成的,则从设备可以依据所述页面状态同步信息更新第二网页页面的第二页面信息。其中,所述第二页面信息可以包括与第二网页页面相关的所有信息,如第二网页页面的网页文件、第二网页页面在内存中对应的对象等等;本发明实施例对此不作限制。若从设备接收的所述页面状态同步信息是依据更新信息生成的,则从设备可以依据所述DOM树的状态更新信息,更新所述第二网页页面对应DOM树的状态信息;例如删除DOM树的一个节点,又例如更新DOM树中一个节点的属性值,还例如为DOM树增加一个节点和对应的属性值;等等。以及可以依据所述对象更新信息,更新所述第二网页页面对应内部对象的对象信息;例如在某一个类中添加对象、删除对象,更改已有对象的属性值等等。然后从设备依据更新后的信息进行渲染,更新所述第二网页页面。
综上,本发明实施例中,主设备将当前展示的第一网页页面的网页文件发送至从设备后,从设备可以依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面,实现从设备与主设备的初始同屏。当主设备接收用户针对所述第一网页页面的第一页面操作时,可以生成所述第一页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述从设备;对应的从设备接收所述主设备发送的所述第一网页页面对应的页面状态同步信息。然后主设备可以依据所述页面状态同步信息渲染所述第一网页页面,同时从设备可以依据所述页面状态同步信息渲染所述第一网页页面;从而实现在后续用户在主设备上针对网页页面操作后从设备与主设备的同屏。
以下以从设备的第二网页页面接收到用户的操作为例,说明主从设备如何同屏。
参照图4,示出了本发明的一种数据处理方法可选实施例的步骤流程图,具体可以包括如下步骤:
步骤402、主设备将当前展示的第一网页页面的网页文件发送至从设备。
步骤404、从设备接收主设备发送的网页文件,依据所述网页文件进行渲染出所述第一网页页面相同的第二网页页面。
步骤406、从设备接收用户针对所述第二网页页面的第二页面操作。
步骤408、从设备生成所述第二页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述主设备。
步骤410、主设备接收所述从设备发送的所述第二网页页面对应的页面状态同步信息;所述页面状态同步信息由所述从设备依据用户针对所述第二网页页面的第二页面操作生成。
步骤412、从设备依据所述页面状态同步信息渲染所述第二网页页面。
步骤414、主设备依据所述页面状态同步信息渲染所述第一网页页面,以保证所述第一网页页面与所述第二网页页面相同。
其中,步骤402-步骤414与上述步骤302-步骤314类似,在此不再赘述。
综上,本发明实施例中,主设备将当前展示的第一网页页面的网页文件发送至从设备后,从设备可以依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面,实现从设备与主设备的初始同屏。当从设备接收用户针对所述第二网页页面的第二页面操作时,可以生成所述第二页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述主设备;对应的主设备接收所述从设备发送的所述第二网页页面对应的页面状态同步信息。然后主设备可以依据所述页面状态同步信息渲染所述第一网页页面,同时从设备可以依据所述页面状态同步信息渲染所述第二网页页面;从而实现在后续用户在从设备上针对网页页面操作后主设备与从设备的同屏。
以下以主从设备周期性获取页面状态同步信息为例,对如何实现同屏进行说明。
参照图5,示出了本发明的又一种数据处理方法可选实施例的步骤流程图,具体可以包括如下步骤:
步骤502、主设备将当前展示的第一网页页面的网页文件发送至从设备。
步骤504、从设备接收主设备发送的网页文件,依据所述网页文件进行渲染出所述第一网页页面相同的第二网页页面。
步骤502-步骤504与上述步骤302-步骤304类似,再此不再赘述。
步骤506、主设备周期性生成所述第一网页页面对应的页面状态同步信息并发送至所述从设备。
本发明实施例中,无论用户是否对第一网页页面进行了操作,主设备均可以按照预设周期生成所述第一网页页面对应的页面状态同步信息;其中,所述预设周期可以按照需求设置,如30ms,本发明实施例对此不作限制。并在生成页面状态同步信息后,将所述页面状态同步信息发送至所述从设备,以实现主从设备的信息同步。
其中,当在某个预设周期内用户未对第一网页页面进行操作,主设备生成的页面状态同步信息可以为空。当在某个预设周期内用户对第一网页页面进行了操作,则主设备可以接收到用户针对所述第一网页页面的第一页面操作;然后基于所述第一页面操作对第一页面信息进行更新,得到对应的更新信息。然后基于所述更新信息生成的页面状态同步信息。
步骤508、从设备周期性获取所述主设备发送的所述第一网页页面对应的页面状态同步信息。
步骤510、从设备周期性生成所述第二网页页面对应的页面状态同步信息并发送至所述主设备。
类似的,无论用户是否对第二网页页面进行了操作,从设备均可以按照预设周期生成所述第二网页页面对应的页面状态同步信息。并在生成页面状态同步信息后,将所述页面状态同步信息发送至所述从设备,以实现主从设备的信息同步。
其中,当在某个预设周期内用户未对第二网页页面进行操作,从设备生成的页面状态同步信息可以为空。当在某个预设周期内用户对第二网页页面进行了操作,则从设备可以接收到用户针对所述第二网页页面的第二页面操作;然后基于所述第二页面操作对第二页面信息进行更新,得到对应的更新信息。然后基于所述更新信息生成的页面状态同步信息。
步骤512、主设备周期性获取所述从设备发送的所述第二网页页面对应的页面状态同步信息。
步骤514、从设备依据所述页面状态同步信息渲染所述第二网页页面。
步骤516、主设备依据所述页面状态同步信息渲染所述第一网页页面,以保证所述第一网页页面与所述第二网页页面相同。
步骤514-步骤516与上述步骤312-步骤314类似,在此不再赘述。
综上,本发明实施例中,主设备将当前展示的第一网页页面的网页文件发送至从设备后,从设备可以依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面,实现从设备与主设备的初始同屏。然后主设备可以周期性生成所述第一网页页面对应的页面状态同步信息并发送至所述从设备;从设备也可以周期性生成所述第二网页页面对应的页面状态同步信息并发送至所述主设备;对应的,主设备可以周期性获取所述从设备发送的所述第二网页页面对应的页面状态同步信息,以及从设备也可以周期性获取所述主设备发送的所述第一网页页面对应的页面状态同步信息。然后主设备可以依据所述页面状态同步信息渲染所述第一网页页面,同时从设备可以依据所述页面状态同步信息渲染所述第二网页页面;从而实现在用户针对网页页面操作后主设备与从设备的同屏。
本发明实施例中,网页页面中还可能会显示设备的环境信息,如设备中的时间、设备操作系统的信息、设备的地址等等。而主设备和从设备的操作系统可能是不同的,设备的时间可能是不同的,设备的地址也可能是不同的。因此为了保证从设备中第二网页页面显示的环境信息与主设备中第一网页页面显示的环境信息相同,主设备发送至从设备的页面状态同步信息中对象更新信息对应的对象,可以包括所述第一网页页面中显示的所述主设备的环境信息对应的对象。对应的,步骤506中,当在某个预设周期内用户未对第一网页页面进行操作,主设备生成的页面状态同步信息可以指包含环境信息对应的对象的对象更新信息。
需要说明的是,对于方法实施例,为了简单描述,故将都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
参照图6,示出了本发明的一种主设备侧数据处理装置实施例的结构框图,具体可以包括如下模块:
网页文件发送模块602,用于将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;
第一同步模块604,用于与所述从设备进行信息同步,确定对应的页面状态同步信息;
第一渲染模块606,用于依据所述页面状态同步信息渲染所述第一网页页面。
参照图7,示出了本发明的一种主设备侧数据处理装置可选实施例的结构框图。
本发明一个可选的实施例中,所述第一同步模块604,包括:
第一操作接收子模块6042,用于接收用户针对所述第一网页页面的第一页面操作;
第一同步信息生成子模块6044,用于生成所述第一页面操作对应的页面状态同步信息;
第一同步信息发送子模块6046,用于将所述页面状态同步信息发送至所述从设备。
本发明一个可选的实施例中,所述第一同步模块604,包括:
第二同步信息发送子模块6048,用于周期性生成所述第一网页页面对应的页面状态同步信息并发送至所述从设备;
第一同步信息获取子模块60410,用于周期性获取所述从设备发送的所述第二网页页面对应的页面状态同步信息。
本发明一个可选的实施例中,所述第一同步模块604,包括:
第一同步信息接收子模块60412,用于接收所述从设备发送的所述第二网页页面对应的页面状态同步信息;所述页面状态同步信息由所述从设备依据用户针对所述第二网页页面的第二页面操作生成。
本发明一个可选的实施例中,所述第一同步信息生成子模块6044,用于基于所述第一页面操作生成对应的页面事件,依据所述页面事件生成对应的页面状态同步信息;所述页面事件包括以下至少一种:所述第一页面操作对应的位置信息、所述第一页面操作对应的操作时间、确定所述第一页面操作对应的输入内容和所述第一页面操作对应的触控类型。
本发明一个可选的实施例中,所述第一同步信息生成子模块6044,用于对所述第一网页页面的第一页面信息进行更新,并确定所述第一页面信息的更新信息,所述更新信息包括DOM树的状态更新信息和内部对象的对象更新信息;依据更新信息,生成对应的页面状态同步信息。
综上,本发明实施例中,主设备将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面,实现从设备与主设备的初始同屏;后续主设备与所述从设备进行信息同步,确定对应的页面状态同步信息,然后依据所述页面状态同步信息渲染所述第一网页页面;同时,从设备也依据所述页面状态同步信息渲染所述第二网页页面,从而保证在后续用户针对网页页面操作后从设备与主设备的同屏。相对于现有技术而言,本发明实施例主从设备无需进行编码、压缩,解压、解码等操作,只需各自渲染即可实现同屏,降低了主从设备的计算量;且本发明实施例同屏过程中,只需要传输网页文件和页面状态同步信息,传输的数据量也低,从而大大提高了同屏效率。
参照图8,示出了本发明的一种从设备侧数据处理装置实施例的结构框图,具体可以包括如下模块:
网页文件接收模块802,用于接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应;
第二渲染模块804,用于依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;
第二同步模块806,用于与所述主设备进行信息同步,确定对应的页面状态同步信息;
第三渲染模块808,用于依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
参照图9,示出了本发明的一种从设备侧数据处理装置可选实施例的结构框图。
本发明一个可选的实施例中,所述第二同步模块806,包括:
第二同步信息接收子模块8062,用于接收所述主设备发送的所述第一网页页面对应的页面状态同步信息;所述页面状态同步信息由所述主设备依据用户针对所述第一网页页面的第一页面操作生成。
本发明一个可选的实施例中,所述第二同步模块806,包括:
第三同步信息发送子模块8064,用于周期性生成所述第二网页页面对应的页面状态同步信息并发送至所述主设备;
第二同步信息获取子模块8066,用于周期性获取所述主设备发送的所述第一网页页面对应的页面状态同步信息。
本发明一个可选的实施例中,所述第二同步模块806,包括:
第二操作接收子模块8068,用于接收用户针对所述第二网页页面的第二页面操作;
第二同步信息生成子模块80610,用于生成所述第二页面操作对应的页面状态同步信息;
第四同步信息发送子模块80612,用于将所述页面状态同步信息发送至所述主设备。
综上,本发明实施例中,待主设备发送当前展示的第一网页页面的网页文件后,从设备可以接收所述网页文件,然后依据所述网页文件进行渲染,展示与所述第一网页页面相同的第二网页页面,进而实现从设备与主设备的初始同屏;后续从设备与所述主设备进行信息同步,确定对应的页面状态同步信息后,从设备可以依据所述页面状态同步信息渲染所述第二网页页面,同主设备也依据页面状态同步信息渲染所述第一网页页面,以保证所述第二网页页面与所述第一网页页面相同。相对于现有技术而言,本发明实施例主从设备无需进行编码、压缩,解压、解码等操作,只需各自渲染即可实现同屏,降低了主从设备的计算量;且本发明实施例同屏过程中,只需要传输网页文件和页面状态同步信息,传输的数据量也低,从而大大提高了同屏效率。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
图10是根据一示例性实施例示出的一种用于数据处理的电子设备1000的结构框图。例如,电子设备1000可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图10,电子设备1000可以包括以下一个或多个组件:处理组件1002,存储器1004,电力组件1006,多媒体组件1008,音频组件1010,输入/输出(I/O)的接口1012,传感器组件1014,以及通信组件1016。
处理组件1002通常控制电子设备1000的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理元件1002可以包括一个或多个处理器1020来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件1002可以包括一个或多个模块,便于处理组件1002和其他组件之间的交互。例如,处理部件1002可以包括多媒体模块,以方便多媒体组件1008和处理组件1002之间的交互。
存储器1004被配置为存储各种类型的数据以支持在设备1000的操作。这些数据的示例包括用于在电子设备1000上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器1004可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电力组件1006为电子设备1000的各种组件提供电力。电力组件1006可以包括电源管理系统,一个或多个电源,及其他与为电子设备1000生成、管理和分配电力相关联的组件。
多媒体组件1008包括在所述电子设备1000和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件1008包括一个前置摄像头和/或后置摄像头。当电子设备1000处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件1010被配置为输出和/或输入音频信号。例如,音频组件1010包括一个麦克风(MIC),当电子设备1000处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1004或经由通信组件1016发送。在一些实施例中,音频组件1010还包括一个扬声器,用于输出音频信号。
I/O接口1012为处理组件1002和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件1014包括一个或多个传感器,用于为电子设备1000提供各个方面的状态评估。例如,传感器组件1014可以检测到设备1000的打开/关闭状态,组件的相对定位,例如所述组件为电子设备1000的显示器和小键盘,传感器组件1014还可以检测电子设备1000或电子设备1000一个组件的位置改变,用户与电子设备1000接触的存在或不存在,电子设备1000方位或加速/减速和电子设备1000的温度变化。传感器组件1014可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1014还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件1014还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件1016被配置为便于电子设备1000和其他设备之间有线或无线方式的通信。电子设备1000可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信部件1014经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信部件1014还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备1000可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器1004,上述指令可由电子设备1000的处理器1020执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
一种非临时性计算机可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行一种数据处理方法,所述方法包括:主设备将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;与所述从设备进行信息同步,确定对应的页面状态同步信息;依据所述页面状态同步信息渲染所述第一网页页面。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收用户针对所述第一网页页面的第一页面操作;生成所述第一页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述从设备。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:周期性生成所述第一网页页面对应的页面状态同步信息并发送至所述从设备;以及周期性获取所述从设备发送的所述第二网页页面对应的页面状态同步信息。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收所述从设备发送的所述第二网页页面对应的页面状态同步信息;所述页面状态同步信息由所述从设备依据用户针对所述第二网页页面的第二页面操作生成。
可选地,所述生成所述第一页面操作对应的页面状态同步信息,包括:基于所述第一页面操作生成对应的页面事件,依据所述页面事件生成对应的页面状态同步信息;所述页面事件包括以下至少一种:所述第一页面操作对应的位置信息、所述第一页面操作对应的操作时间、确定所述第一页面操作对应的输入内容和所述第一页面操作对应的触控类型。
可选地,所述生成所述第一页面操作对应的页面状态同步信息,包括:对所述第一网页页面的第一页面信息进行更新,并确定所述第一页面信息的更新信息,所述更新信息包括DOM树的状态更新信息和内部对象的对象更新信息;依据更新信息,生成对应的页面状态同步信息。
一种非临时性计算机可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行一种数据处理方法,所述方法包括:从设备接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应;依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;与所述主设备进行信息同步,确定对应的页面状态同步信息;依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
可选地,所述与所述主设备进行信息同步,确定对应的页面状态同步信息,包括:接收所述主设备发送的所述第一网页页面对应的页面状态同步信息;所述页面状态同步信息由所述主设备依据用户针对所述第一网页页面的第一页面操作生成。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:周期性生成所述第二网页页面对应的页面状态同步信息并发送至所述主设备;以及周期性获取所述主设备发送的所述第一网页页面对应的页面状态同步信息。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收用户针对所述第二网页页面的第二页面操作;生成所述第二页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述主设备。
图11是本发明根据另一示例性实施例示出的一种用于数据处理的电子设备1100的结构示意图。该电子设备1100可以是服务器,该服务器可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上中央处理器(central processing units,CPU)1122(例如,一个或一个以上处理器)和存储器1132,一个或一个以上存储应用程序1142或数据1144的存储介质1130(例如一个或一个以上海量存储设备)。其中,存储器1132和存储介质1130可以是短暂存储或持久存储。存储在存储介质1130的程序可以包括一个或一个以上模块(图示没标出),每个模块可以包括对服务器中的一系列指令操作。更进一步地,中央处理器1122可以设置为与存储介质1130通信,在服务器上执行存储介质1130中的一系列指令操作。
服务器还可以包括一个或一个以上电源1126,一个或一个以上有线或无线网络接口1150,一个或一个以上输入输出接口1158,一个或一个以上键盘1156,和/或,一个或一个以上操作系统1141,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM等等。
一种电子设备,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;与所述从设备进行信息同步,确定对应的页面状态同步信息;依据所述页面状态同步信息渲染所述第一网页页面。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收用户针对所述第一网页页面的第一页面操作;生成所述第一页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述从设备。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:周期性生成所述第一网页页面对应的页面状态同步信息并发送至所述从设备;以及周期性获取所述从设备发送的所述第二网页页面对应的页面状态同步信息。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收所述从设备发送的所述第二网页页面对应的页面状态同步信息;所述页面状态同步信息由所述从设备依据用户针对所述第二网页页面的第二页面操作生成。
可选地,所述生成所述第一页面操作对应的页面状态同步信息,包括:基于所述第一页面操作生成对应的页面事件,依据所述页面事件生成对应的页面状态同步信息;所述页面事件包括以下至少一种:所述第一页面操作对应的位置信息、所述第一页面操作对应的操作时间、确定所述第一页面操作对应的输入内容和所述第一页面操作对应的触控类型。
可选地,所述生成所述第一页面操作对应的页面状态同步信息,包括:对所述第一网页页面的第一页面信息进行更新,并确定所述第一页面信息的更新信息,所述更新信息包括DOM树的状态更新信息和内部对象的对象更新信息;依据更新信息,生成对应的页面状态同步信息。
一种电子设备,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应;依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;与所述主设备进行信息同步,确定对应的页面状态同步信息;依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
可选地,所述与所述主设备进行信息同步,确定对应的页面状态同步信息,包括:接收所述主设备发送的所述第一网页页面对应的页面状态同步信息;所述页面状态同步信息由所述主设备依据用户针对所述第一网页页面的第一页面操作生成。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:周期性生成所述第二网页页面对应的页面状态同步信息并发送至所述主设备;以及周期性获取所述主设备发送的所述第一网页页面对应的页面状态同步信息。
可选地,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:接收用户针对所述第二网页页面的第二页面操作;生成所述第二页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述主设备。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上,使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明实施例的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
以上对本发明所提供的一种数据处理方法、一种数据处理装置和一种电子设备,进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种数据处理方法,其特征在于,包括:
主设备将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;
与所述从设备进行信息同步,确定对应的页面状态同步信息;
依据所述页面状态同步信息渲染所述第一网页页面。
2.根据权利要求1所述的方法,其特征在于,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:
接收用户针对所述第一网页页面的第一页面操作;
生成所述第一页面操作对应的页面状态同步信息,并将所述页面状态同步信息发送至所述从设备。
3.根据权利要求1所述的方法,其特征在于,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:
周期性生成所述第一网页页面对应的页面状态同步信息并发送至所述从设备;以及周期性获取所述从设备发送的所述第二网页页面对应的页面状态同步信息。
4.根据权利要求1所述的方法,其特征在于,所述与所述从设备进行信息同步,确定对应的页面状态同步信息,包括:
接收所述从设备发送的所述第二网页页面对应的页面状态同步信息;所述页面状态同步信息由所述从设备依据用户针对所述第二网页页面的第二页面操作生成。
5.一种数据处理方法,其特征在于,包括:
从设备接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应;
依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;
与所述主设备进行信息同步,确定对应的页面状态同步信息;
依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
6.一种数据处理装置,其特征在于,应用于主设备中,包括:
网页文件发送模块,用于将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;
第一同步模块,用于与所述从设备进行信息同步,确定对应的页面状态同步信息;
第一渲染模块,用于依据所述页面状态同步信息渲染所述第一网页页面。
7.一种数据处理装置,其特征在于,应用于从设备中,包括:
网页文件接收模块,用于接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应;
第二渲染模块,用于依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;
第二同步模块,用于与所述主设备进行信息同步,确定对应的页面状态同步信息;
第三渲染模块,用于依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
8.一种可读存储介质,其特征在于,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如方法权利要求1-5任一所述的数据处理方法。
9.一种电子设备,其特征在于,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
将当前展示的第一网页页面的网页文件发送至从设备,以使从设备依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;
与所述从设备进行信息同步,确定对应的页面状态同步信息;
依据所述页面状态同步信息渲染所述第一网页页面。
10.一种电子设备,其特征在于,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
接收主设备发送的网页文件,所述网页文件与所述主设备当前展示的第一网页页面对应;
依据所述网页文件渲染出与所述第一网页页面相同的第二网页页面;
与所述主设备进行信息同步,确定对应的页面状态同步信息;
依据所述页面状态同步信息渲染所述第二网页页面,以保证所述第二网页页面与所述第一网页页面相同。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010019660.XA CN113094006A (zh) | 2020-01-08 | 2020-01-08 | 一种数据处理方法、装置和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010019660.XA CN113094006A (zh) | 2020-01-08 | 2020-01-08 | 一种数据处理方法、装置和电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113094006A true CN113094006A (zh) | 2021-07-09 |
Family
ID=76663428
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010019660.XA Pending CN113094006A (zh) | 2020-01-08 | 2020-01-08 | 一种数据处理方法、装置和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113094006A (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140093849A (ko) * | 2013-01-18 | 2014-07-29 | 한국과학기술원 | Dom 변이 이벤트 기반 웹 화면 스트리밍 방법 및 시스템 |
JP2014170389A (ja) * | 2013-03-04 | 2014-09-18 | Mitsubishi Electric Corp | ウェブブラウザ画面同期システム及びマスタ装置並びにスレーブ装置 |
CN105930518A (zh) * | 2016-05-19 | 2016-09-07 | 唐爱平 | 一种跨屏浏览网页的方法及系统 |
US9792266B1 (en) * | 2014-12-08 | 2017-10-17 | Amazon Technologies, Inc. | Content synchronization across devices |
US20190171340A1 (en) * | 2017-12-04 | 2019-06-06 | Avaya Inc. | System and method of controlling a cursor display in a co-browsing communication session |
CN111107145A (zh) * | 2019-12-17 | 2020-05-05 | 青岛希望鸟科技有限公司 | 基于html5网页的在线同步交流系统 |
-
2020
- 2020-01-08 CN CN202010019660.XA patent/CN113094006A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140093849A (ko) * | 2013-01-18 | 2014-07-29 | 한국과학기술원 | Dom 변이 이벤트 기반 웹 화면 스트리밍 방법 및 시스템 |
JP2014170389A (ja) * | 2013-03-04 | 2014-09-18 | Mitsubishi Electric Corp | ウェブブラウザ画面同期システム及びマスタ装置並びにスレーブ装置 |
US9792266B1 (en) * | 2014-12-08 | 2017-10-17 | Amazon Technologies, Inc. | Content synchronization across devices |
CN105930518A (zh) * | 2016-05-19 | 2016-09-07 | 唐爱平 | 一种跨屏浏览网页的方法及系统 |
US20190171340A1 (en) * | 2017-12-04 | 2019-06-06 | Avaya Inc. | System and method of controlling a cursor display in a co-browsing communication session |
CN111107145A (zh) * | 2019-12-17 | 2020-05-05 | 青岛希望鸟科技有限公司 | 基于html5网页的在线同步交流系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
RU2604417C2 (ru) | Способ, устройство, терминал и сервер для принудительной доставки сообщения посредством облегченного приложения | |
CN104636106B (zh) | 图片显示方法和装置、终端设备 | |
WO2017084183A1 (zh) | 信息显示方法与装置 | |
KR102282544B1 (ko) | 상품 표시 방법 및 장치 | |
CN110704647B (zh) | 一种内容处理方法及装置 | |
CN106547547B (zh) | 数据采集方法及装置 | |
JP2016525754A (ja) | ウェブページアクセス方法、装置、サーバ、端末、プログラム、及び記録媒体 | |
CN104679599A (zh) | 在应用程序间进行复制的方法和装置 | |
CN110442844B (zh) | 数据处理方法、装置、电子设备及存储介质 | |
CN111046210B (zh) | 一种信息推荐方法、装置和电子设备 | |
CN113596175A (zh) | 场景同步方法、终端、服务器及系统 | |
CN105808304B (zh) | 代码部署方法、装置及系统 | |
CN112616053B (zh) | 直播视频的转码方法、装置及电子设备 | |
CN109962958B (zh) | 文档处理方法及装置 | |
CN105376318A (zh) | 文件传输方法、装置及系统 | |
CN110648657A (zh) | 一种语言模型训练方法、构建方法和装置 | |
WO2019051836A1 (zh) | 信息回复方法和装置 | |
CN110071959B (zh) | 定时同步第三方国标资源的方法及装置 | |
CN109491655B (zh) | 一种输入事件处理方法及装置 | |
RU2672716C2 (ru) | Способ и устройство для ввода информации | |
CN113094006A (zh) | 一种数据处理方法、装置和电子设备 | |
CN114051157A (zh) | 一种输入方法和装置 | |
CN113378022B (zh) | 一种站内搜索平台、搜索方法和相关装置 | |
CN113535161A (zh) | 一种用户界面生成方法及装置 | |
CN112182449A (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 |