一种页面共享方法、装置、电子设备及可读存储介质与流程

1.本发明涉及计算机网络应用技术领域，具体涉及一种页面共享方法、装置、电子设备及可读存储介质。


背景技术：

2.随着互联网技术的发展，全球广域网(world wide web，web)页面在移动端和个人计算机(personal computer，pc)端具有广泛应用，随着web页面系统承载越来越多的复杂系统功能，经常需要通过对用户的web操作进行远程屏幕共享指导或控制。为了实现屏幕共享或控制，目前使用的是传统的基于计算机系统级别的屏幕共享和远程控制，这种技术是基于屏幕捕捉的，虽然几乎能共享所有出现在计算机屏幕上的内容，并能够通过监控鼠标点击事件或键盘事件进行远程控制。但是，这种传统的基于计算机系统级别的屏幕共享方法，需要实时地将计算机的整个屏幕显示进行截图，然后实时地将该截图传输给对端，这对网络的要求非常高，如果任意一端(分享端或对端)的网络条件不好，就会出现卡顿，严重影响分享的流畅性。


技术实现要素：

3.有鉴于此，本发明实施例提供了一种页面共享方法、装置、电子设备及可读存储介质，以解决传统的基于计算机系统级别的屏幕共享方法，需要实时地将计算机的整个屏幕显示进行截图，然后实时地将该截图传输给对端，这对网络的要求非常高，如果任意一端(分享端或对端)的网络条件不好，就会出现卡顿，严重影响分享的流畅性的问题。
4.根据第一方面，本发明实施例提供了一种页面共享方法，所述方法应用于分享端，所述方法包括：
5.获取当前页面的当前界面的分享数据，所述分享数据包括第一数据或包括第二数据，所述第一数据用于被分享端的浏览器根据其生成并显示所述当前界面的至少部分，所述第二数据用于指示所述当前界面与第一界面的变化信息，所述第一界面为上一次获取所述分享数据时所述当前页面的界面；
6.将所述分享数据发送至所述被分享端。
7.可选的，在需要获取的所述分享数据为所述第二数据的情况下，所述获取当前页面的当前界面的分享数据，包括：
8.获取所述当前页面的所述第一界面和所述当前界面对应的文档对象模型信息；
9.基于所述第一界面对应的文档对象模型信息和所述当前界面对应的文档对象模型信息得到所述第二数据。
10.可选的，所述获取当前页面的当前界面的分享数据，包括：
11.获取所述当前页面的所述当前界面对应的原始文档对象模型信息；
12.将所述原始文档对象模型信息中屏蔽区域对应的部分替换为空白占位信息，所述屏蔽区域为用户指定的、所述当前页面中的部分区域。
13.可选的，所述分享数据还包括用于指示所述当前页面的滚动条位置或滚动位置变化、以及页面窗口尺寸的数据。
14.可选的，所述方法还包括：
15.接收所述被分享端发送的控制指令，所述控制指令包括指示操作事件的信息和所述操作事件所针对的对象的文档对象模型相关信息；
16.根据所述控制指令确定所述操作事件，并根据所述文档对象模型相关信息确定所述操作事件所针对的对象；
17.基于确定的所述操作事件和所述操作事件所针对的对象，完成对所述操作事件的响应。
18.根据第二方面，本发明实施例提供了一种页面共享方法，所述方法应用于被分享端，所述方法包括：
19.接收分享端发送的分享数据，所述分享数据包括第一数据或包括第二数据，所述第一数据用于被分享端的浏览器根据其生成并显示当前界面的至少部分，所述当前界面为所述分享端在获取所述分享数据时显示的当前页面的界面，所述第二数据用于指示所述当前界面与第一界面的变化信息，所述第一界面为所述分享端上一次获取所述分享数据时所述当前页面的界面；
20.根据所述分享数据显示所述分享端的所述当前页面的所述当前界面。
21.可选的，所述方法还包括：
22.向所述分享端发送的控制指令，所述控制指令包括指示操作事件的信息和所述操作事件所针对的对象的文档对象模型相关信息。
23.根据第三方面，本发明实施例提供了一种页面共享装置，所述装置应用于分享端，所述装置包括：
24.分享数据获取模块，用于获取当前页面的当前界面的分享数据，所述分享数据包括第一数据或包括第二数据，所述第一数据用于被分享端的浏览器根据其生成并显示所述当前界面的至少部分，所述第二数据用于指示所述当前界面与第一界面的变化信息，所述第一界面为上一次获取所述分享数据时所述当前页面的界面；
25.发送模块，用于将所述分享数据发送至所述被分享端。
26.根据第四方面，本发明实施例提供了一种页面共享装置，所述装置应用于被分享端，所述装置包括：
27.接收模块，用于接收分享端发送的分享数据，所述分享数据包括第一数据或包括第二数据，所述第一数据用于被分享端的浏览器根据其生成并显示当前界面的至少部分，所述当前界面为所述分享端在获取所述分享数据时显示的当前页面的界面，所述第二数据用于指示所述当前界面与第一界面的变化信息，所述第一界面为所述分享端上一次获取所述分享数据时所述当前页面的界面；
28.显示模块，用于根据所述分享数据显示所述分享端的所述当前页面的所述当前界面。
29.根据第五方面，本发明实施例提供了一种电子设备，包括：
30.存储器和处理器，所述存储器和所述处理器之间互相通信连接，所述存储器用于存储计算机程序，所述计算机程序被所述处理器执行时，实现上述第一方面或第二方面所
述的任一种页面共享方法。
31.根据第六方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质用于存储计算机程序，所述计算机程序被处理器执行时，实现上述第一方面或第二方面所述的任一种页面共享方法。
32.本发明实施例针对web页面的共享需求，提供了一种页面共享方案，该共享方案中，分享端发送给对端(被分享端)的分享数据不是截图，而是被分享端的浏览器能够根据其生成并显示被分享的页面的当前界面的数据、或者是指示当前页面的界面变化的数据。因此，大大降低了分享数据的数据量，从而大大降低了对网络的需求，避免了网络条件差导致的卡顿，提升了分享的流畅性。而且，本发明实施例提供的页面共享方法是针对web页面的，即只能共享web页面的内容，不共享web页面以外的内容。与传统的基于计算机系统级别的屏幕共享方案会共享整个全幅计算机屏幕相比，可以一定程度上保护分享端用户的隐私。
33.另外，本发明实施例提供的页面共享方案是基于浏览器实现页面共享的，不区分计算机系统，也就是说，可以适用于任一种计算机系统。因此，在开发能够实现该页面共享方法的软件代码时，可以不需要分别针对不同的计算机系统分别开发一套能够实现该方法的软件代码，实现了一套软件代码的跨计算机系统的适用，降低了开发成本。而且，用户也不需要安装独立的软件，这是因为该方法是基于浏览器实现，因此实现该方法的软件代码可以直接嵌入浏览器或web系统，提高了用户使用体验。
附图说明
34.通过参考附图会更加清楚的理解本发明的特征和优点，附图是示意性的而不应理解为对本发明进行任何限制，在附图中：
35.图1为本发明实施例提供的一种应用于分享端的页面共享方法的流程示意图；
36.图2为本发明实施例提供的分享端的共享和受控的实现过程示意图；
37.图3为实现本发明实施例提供的页面共享方法的软件代码的装载示意图；
38.图4为本发明实施例提供的页面共享功能的实现流程示意图；
39.图5为本发明实施例提供的分享端与被分享端的界面显示示意图；
40.图6为本发明实施例提供的隐私保护功能的实现流程示意图；
41.图7为传统的不具有隐私保护功能的屏幕共享方法与本发明实施例提供的具有隐私保护功能的页面共享方法两端显示的内容的对比图；
42.图8为本发明实施例提供的远程控制功能的实现流程示意图；
43.图9为本发明实施例提供的一种应用于被分享端的页面共享方法的流程示意图；
44.图10为本发明实施例提供的一种应用于分享端的页面共享装置的结构示意图；
45.图11为本发明实施例提供的一种应用于被分享端的页面共享装置的结构示意图；
46.图12为本发明实施例提供的被分享端的页面共享和远程控制分享端的实现过程示意图；
47.图13为本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
48.为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
49.需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。此外，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。在以下各实施例的描述中，“多个”的含义是两个以上，除非另有明确具体的限定。
50.请参阅图1，本发明实施例提供了一种页面共享方法，其特征在于，所述方法应用于分享端，所述方法包括：
51.s101：获取当前页面的当前界面的分享数据，所述分享数据包括第一数据或包括第二数据，所述第一数据用于被分享端的浏览器根据其生成并显示所述当前界面的至少部分，所述第二数据用于指示所述当前界面与第一界面的变化信息，所述第一界面为上一次获取所述分享数据时所述当前页面的界面；具体的，所述第一数据和所述第二数据均为文档对象化模型(document object model，dom)树(tree)；界面变化包括dom、层叠样式表(cascading style sheets，css)和浏览器尺寸和操作等数据值的变化；
52.s102：将所述分享数据发送至所述被分享端。该被分享端可以称为订阅端，订阅端可以有多个，在其基于页面分享对分享端进行控制的时候，又可以称为控制端。而分享端在被控制端远程控制时，又可以称为受控端。
53.具体的，所述当前页面是分享端浏览器中当前打开(或者说显示)的页面，一般是web页面。本发明实施例提供的页面共享方法，可以在分享过程中一直实时地获取使得被分享端能够生成并显示分享端的当前网页的当前界面的数据(即第一数据)，并实时发送给被分享端。也可以只在刚开始分享当前页面时，即第一次获取当前页面的分享数据时获取第一数据，并发送给被分享端，之后就可以只获取并发送第二数据，第二数据的数据量非常小。
54.网页的界面渲染是通过html和css实现，因此，请参阅图2，在获取第一数据时，获取当前界面的所有标签，即记录页面完整结构，然后基于这些标签(可以组装为dom tree)得到第一数据。在基于当前界面的所有标签得到第一数据时可以将这些标签经由协议转化器转变为结构树(schema)。另外，在基于当前界面的所有标签得到第一数据之前还可以对这些标签进行过滤，将其中的非界面性元素(即非渲染的页面信息)过滤掉，仅保留html和css元素。获取第二数据的具体实施方式详见下文。
55.本发明实施例针对web页面的共享需求，提供了一种页面共享方法，该共享方法中，分享端发送给对端(被分享端)的分享数据不是截图，而是被分享端的浏览器能够根据其生成并显示被分享的页面的当前界面的数据、或者是指示当前页面的界面变化的数据。因此，大大降低了分享数据的数据量，从而大大降低了对网络的需求，避免了网络条件差导
致的卡顿，提升了分享的流畅性。而且，本发明实施例提供的页面共享方法是针对web页面的，即只能共享web页面的内容，不共享web页面以外的内容。与传统的基于计算机系统级别的屏幕共享方法会共享整个全幅计算机屏幕相比，可以一定程度上保护分享端用户的隐私。
56.另外，传统的基于计算机系统级别的屏幕共享方法，对于开发者而言，由于是计算机系统级别的远程监控，所以对于不同系统，需要开发多套远程共享和控制的软件代码，无法实现一套代码适用多种系统，从而增加了开发成本。对于用户而言，需要在不同设备安装独立的软件，无形中增加了用户使用该功能的成本。
57.而本发明实施例提供的页面共享方法是基于浏览器实现页面共享的，不区分计算机系统，也就是说，可以适用于任一种计算机系统。因此，在开发能够实现该页面共享方法的软件代码时，可以不需要分别针对不同的计算机系统分别开发一套能够实现该方法的软件代码，实现了一套软件代码的跨计算机系统的适用，降低了开发成本。而且，用户也不需要安装独立的软件，这是因为该方法是基于浏览器实现，因此实现该方法的软件代码可以直接嵌入浏览器或web系统，提高了用户使用体验。
58.其中，请参阅图3，实现该方法的软件代码可以直接嵌入浏览器，可以是将软件代码以插件的方式装载到浏览器中。具体的，开发者可以事先将实现该方法的软件代码封装成插件，然后用户可以通过下载等方式获取该插件，并安装至浏览器中，之后，用户使用浏览器打开web页面的时候即可启动本发明实施例提供的页面共享方法的流程。另外，将实现该方法的软件代码直接嵌入web系统，可以是将软件代码以npm(node包管理器)包的方式装载到web系统。具体的，开发者可以通过npm包的方式将该方法的软件代码上传到npm仓库，然后web系统的开发者可以通过npm仓库将实现本发明实施例提供的页面共享方法的软件代码以npm包的方式引进到开发的web系统中。
59.可选的，分享端与被分享端可以通过云处理中心连接，具体来说云处理中心负责分享端和被分享端之间的安全有效链接和数据加密传输，也即分享端在将所述分享数据发送至所述被分享端时，首先发送至云处理中心，再由云处理中心将分享数据转发至被分享端。
60.另外，请参阅图4，在所述分享端启动分享功能时，需要向云处理中心发送请求，云处理中心基于分享端的该请求，生成唯一连接信息，例如房间号，发送给分享端，分享端将该唯一连接信息发送至被分享端，被分享端即可利用该唯一连接信息与分享端建立经由云处理中心的传输通道，具体的，被分享端可以通过在云处理中心提供的订阅连接页中输入该唯一连接信息，即可建立传输通道。分享端和被分享端在互传数据(包括分享数据和下文提到的控制指令)时需要附上唯一连接信息，以便云处理中心将数据转发至正确的对端。
61.一些具体的实施方式中，在需要获取的所述分享数据为所述第二数据的情况下，所述获取当前页面的当前界面的分享数据，包括：
62.分别获取所述当前页面的所述第一界面和所述当前界面对应的文档对象模型(document object model，dom)信息；
63.基于所述第一界面对应的dom信息和所述当前界面对应的dom信息得到所述第二数据。
64.具体的，当分享端用户对当前页面进行操作时，当前页面的界面变化可以通过浏
览器的mutationobserver进行触发并获取所有dom信息，即监听dom变化。然后，通过对比所述第一界面对应的dom信息和所述当前界面对应的dom信息对界面变化的位置进行定位和提炼，形成差量数据，该差量数据用于形成所述第二数据，例如可以经由协议转换器将该差量数据转变为结构树schema。
65.传统的基于计算机系统级别的屏幕共享方案，全幅的画面传输会暴露分享者页面的全部画面，容易造成隐私信息泄露，即使只共享web页面，也可能导致web页面中属于分享者的隐私信息被泄露，因此本发明实施例的一些具体实施方式中，请参阅图2、图5、图6和图7，所述获取当前页面的当前界面的分享数据，包括：
66.获取所述当前页面的所述当前界面对应的原始dom信息；
67.将所述原始dom信息中屏蔽区域对应的部分替换为空白占位信息，所述屏蔽区域为用户指定的、所述当前页面中的部分区域。
68.具体的，可以将屏蔽区域所在的页面结构树位置的dom替换为空白占位dom。如果当前界面中不存在屏蔽区域，那么就不需要进行dom信息替换，如果当前界面中只有部分屏蔽区域，那么只需要对该部分屏蔽区域对应的dom信息进行替换。
69.所述获取当前页面的当前界面的分享数据之前，还包括：
70.接收用户的、用于启动隐私保护功能的操作；
71.响应于该操作启动页面分享的隐私保护模式。
72.在隐私保护模式下，接收用户的、针对当前页面的隐私区域指定操作，响应于该操作将当前页面中用户指定的区域确定为屏蔽区域。具体的，在隐私保护模式下，当前页面中的所有模块都处于可被选择的状态，分享端用户可以对需要进行屏蔽的模块(即屏蔽区域)进行选择(例如可以通过点击操作)。
73.本发明实施例提供了web页面隐私保护功能，在分享端向被分享端共享自己的web页面时，可以将web页面中分享端用户认为是隐私信息的部分屏蔽，仅保留屏蔽区域之外的html和css元素，从分享端源头避免了隐私信息的泄露，被分享端用户看不到web页面中的被屏蔽的部分内容。
74.一些具体的实施方式中，所述分享数据还包括用于指示所述当前页面的滚动条位置或滚动位置变化、以及页面窗口尺寸的数据。从而使得被分享端除了界面渲染外还可以对滚动条位置和页面窗口尺寸进行还原，从而实现界面渲染、滚动位置和页面窗口尺寸与分享端的完全一致。
75.具体的，页面滚动条的位置通过监听滚动事件获取。被分享者
76.请参阅图5和图8，本发明实施例还提供了一种基于上述实施例所述的页面实时共享功能的远程控制功能，具体的，所述方法包括：
77.接收所述被分享端发送的控制指令，所述控制指令包括指示操作事件的信息和所述操作事件所针对的对象的文档对象模型相关信息；
78.根据所述控制指令确定所述操作事件，并根据所述文档对象模型相关信息确定所述操作事件所针对的对象；
79.基于确定的所述操作事件和所述操作事件所针对的对象，完成对所述操作事件的响应，实现分享端的受控。
80.可选的，所述控制指令是基于所述被分享端的控制操作生成，所述控制操作是针
对所述被分享端显示的所述当前页面。也即，被分享端的用户可以在被分享端像本地操作一样对其显示的所述当前页面进行操作，但是实际上该操作的响应却是在分享端完成的。
81.具体的，所述操作事件包括键盘操作事件、鼠标操作事件和滚动操作事件等。所述操作事件所针对的对象的文档对象模型相关信息可以是对象的dom tree。所述根据所述文档对象模型相关信息确定所述操作事件所针对的对象，具体可以是将接收到的dom tree进行dom、css对比(与分享端得到的当前界面的dom信息)确定所述操作事件所针对的对象。
82.另外，在基于确定的所述操作事件和所述操作事件所针对的对象，完成对所述操作事件的响应时，可以结合浏览器api的dispatchevent、scrollto等将操作事件进行委派。
83.本发明实施例提供的远程控制功能是基于上述实施例所述的页面实时共享功能的，而该页面实施例共享功能是针对web页面的，不共享web页面以外的内容。因此，这里的远程控制也仅能针对web页面，不涉及其他的界面，降低了隐私泄露的安全隐患和计算机系统安全风险。
84.其他可选的具体实施方式中，考虑到浏览器的兼容性问题，如果操作所针对的对象是页面中的表单类控件如输入框、下拉框等，所述控制指令还需要包括操作响应结果而不仅仅包括指示操作事件的信息，以便完整地将被分享端用户的操作行为传输到分享端。
85.综上所述，本发明实施例提供了一种脱离计算机系统、无需通过软件安装、以纯web技术实现、且具有数据传输量小和隐私保护等功能的页面分享和远程控制的方法。
86.请参阅图9，本发明实施例还提供一种页面共享方法，所述方法应用于被分享端，所述方法包括：
87.s901：接收分享端发送的分享数据，所述分享数据包括第一数据或包括第二数据，所述第一数据用于被分享端的浏览器根据其生成并显示当前界面的至少部分，所述当前界面为所述分享端在获取所述分享数据时显示的当前页面的界面，所述第二数据用于指示所述当前界面与第一界面的变化信息，所述第一界面为所述分享端上一次获取所述分享数据时所述当前页面的界面；
88.s902：根据所述分享数据显示所述分享端的所述当前页面的所述当前界面。
89.一般来说，从分享端获取分享数据到被分享端基于分享数据进行显示，这两个时间点之间是有时间差的，也即在被分享端基于分享数据显示时，分享端当前显示的界面也许已经发生了变化，但是这个时间差目前可以做到很小，因此，这里可以认为所述被分享端根据所述分享数据显示的当前界面就是分享端当前实际显示的界面。
90.本发明实施例中，被分享端具有基于分享数据进行界面重现的能力。具体的，被分享端可以将从分享端接收到的分享数据通过协议处理器还原为结构树schema，再对schema信息进行遍历还原为html和css，即进行渲染，并插入到与分享端的页面窗口大小一致的观看幕布中。
91.具体的，如果分享数据包括的是第一数据，那么被分享端可以直接根据第一数据进行界面重现，而不需要结合之前的历史数据。如果分享数据包括的是第二数据，那么被分享端在进行界面还原的时候，还需要结合其重现第一界面时的数据。
92.一些具体的实施方式中，所述分享数据还包括用于指示所述当前页面的滚动条位置或滚动位置变化、以及页面窗口尺寸的数据。因此，被分享端除了界面渲染外还可以对滚动条位置和页面窗口尺寸进行还原，从而实现界面渲染、滚动位置和页面窗口尺寸与分享
端的完全一致。
93.本发明实施例针对web页面的共享需求，提供了一种页面共享方法，该共享方法中，分享端发送给对端(被分享端)的分享数据不是截图，而是被分享端的浏览器能够根据其生成并显示被分享的页面的当前界面的数据、或者是指示当前页面的界面变化的数据。因此，大大降低了分享数据的数据量，从而大大降低了对网络的需求，避免了网络条件差导致的卡顿，提升了分享的流畅性，而且被分享端重新渲染得到的分享界面在页面结构层面完全没有画面损失。而且，本发明实施例提供的页面共享方法是针对web页面的，即只能共享web页面的内容，不共享web页面以外的内容。与传统的基于计算机系统级别的屏幕共享方法会共享整个全幅计算机屏幕相比，可以一定程度上保护分享端用户的隐私。
94.另外，本发明实施例提供的页面共享方法是基于浏览器实现页面共享的，不区分计算机系统，也就是说，可以适用于任一种计算机系统。因此，在开发能够实现该页面共享方法的软件代码时，可以不需要分别针对不同的计算机系统分别开发一套能够实现该方法的软件代码，实现了一套软件代码的跨计算机系统的适用，降低了开发成本。而且，用户(包括分享端和作为对端的被分享端)也不需要安装独立的软件，这是因为该方法是基于浏览器实现，因此实现该方法的软件代码可以直接嵌入浏览器或web系统，提高了用户使用体验。
95.本发明实施例提供的方法还包括：
96.向所述分享端发送的控制指令，所述控制指令包括指示操作事件的信息和所述操作事件所针对的对象的文档对象模型相关信息。
97.可选的，所述控制指令是基于所述被分享端的控制操作生成，所述控制操作是针对所述被分享端显示的所述当前页面。
98.具体的，被分享端可以通过浏览器的api addeventlistener监听用户的鼠标操作、滚动操作和/或键盘操作并分别记录。
99.本发明实施例提供的远程控制功能，可以将被分享端进行的各种操作传输至分享端，在分享端进行操作事件的触发和响应。
100.相应地，请参考图10，本发明实施例提供一种页面共享装置，所述装置应用于分享端，所述装置包括：
101.分享数据获取模块1001，用于获取当前页面的当前界面的分享数据，所述分享数据包括第一数据或包括第二数据，所述第一数据用于被分享端的浏览器根据其生成并显示所述当前界面的至少部分，所述第二数据用于指示所述当前界面与第一界面的变化信息，所述第一界面为上一次获取所述分享数据时所述当前页面的界面；
102.发送模块1002，用于将所述分享数据发送至所述被分享端。
103.本发明实施例针对web页面的共享需求，提供了一种页面共享装置，该共享装置中，分享端发送给对端(被分享端)的分享数据不是截图，而是被分享端的浏览器能够根据其生成并显示被分享的页面的当前界面的数据、或者是指示当前页面的界面变化的数据。因此，大大降低了分享数据的数据量，从而大大降低了对网络的需求，避免了网络条件差导致的卡顿，提升了分享的流畅性。而且，本发明实施例提供的页面共享装置是针对web页面的，即只能共享web页面的内容，不共享web页面以外的内容。与传统的基于计算机系统级别的屏幕共享方法会共享整个全幅计算机屏幕相比，可以一定程度上保护分享端用户的隐
私。
104.具体的，所述分享数据获取模块1001包括监听器和数据中心，还可以包括过滤器。过滤器用于将监听器获取的数据中的非渲染页面信息，使得到达数据中心进行处理的数据仅保留html和css元素。所述发送模块1002包括传输器。
105.一些具体的实施方式中，所述监听器，用于在需要获取的所述分享数据为所述第二数据的情况下，分别获取所述当前页面的所述第一界面和所述当前界面对应的文档对象模型信息；
106.所述数据中心，用于基于所述第一界面对应的文档对象模型信息和所述当前界面对应的文档对象模型信息得到所述第二数据。
107.具体的，每次界面发生变化的时候，所述监听器就会获取变化后的当前界面对应的dom信息，并发送给数据中心，变换前的第一界面的dom信息之前已经发送给数据中心，存放在数据池中。数据中心内含数据对比功能，得到界面变化前后的dom信息的差量数据。另外，数据中心还将该差量数据经由协议转化器转变为结构树schema。
108.另外，在需要获取的所述分享数据为第一数据的情况下，所述监听器用于获取当前界面的所有标签，所述数据中心用于将监听器获取的数据经由协议转化器转变为结构树(schema)。
109.一些具体的实施方式中，所述分享数据获取模块1001还包括隐私处理单元：
110.所述监听器，用于获取所述当前页面的所述当前界面对应的原始文档对象模型信息；
111.所述隐私处理单元，用于将所述原始文档对象模型信息中屏蔽区域对应的部分替换为空白占位信息，所述屏蔽区域为用户指定的、所述当前页面中的部分区域。
112.具体的，隐私处理单元可以保存屏蔽区域dom所在的页面结构树位置信息，从而每次页面的界面发生变化后，隐私处理单元都可以将监听器获取的变化后的界面的原始dom信息中属于屏蔽区域的dom信息替换为空白占位信息。
113.一些具体的实施方式中，所述分享数据还包括用于指示所述当前页面的滚动条位置或滚动位置变化、以及页面窗口尺寸的数据。
114.具体的，滚动条的位置信息是由监听器通过监听滚动事件进行获取，然后发送给数据中心。
115.一些具体的实施方式中，所述装置还包括：
116.接收模块，用于接收所述被分享端发送的控制指令，所述控制指令包括指示操作事件的信息和所述操作事件所针对的对象的文档对象模型相关信息；
117.操作对象确定模块，用于根据所述控制指令确定所述操作事件，并根据所述文档对象模型相关信息确定所述操作事件所针对的对象；
118.响应模块，用于基于确定的所述操作事件和所述操作事件所针对的对象，完成对所述操作事件的响应。
119.具体的，请参阅图2，响应模块可以是被控逻辑处理中心，用于对操作事件进行编排、分发执行。
120.本发明实施例提供的装置实施例与上述应用于分享端的方法实施例基于相同的发明构思，因此具体的技术细节和对应的技术效果请参阅上述方法实施例，此处不再赘述。
121.请参阅图11，本发明实施例还提供了一种页面共享装置，所述装置应用于被分享端，所述装置包括：
122.接收模块1101，用于接收分享端发送的分享数据，所述分享数据包括第一数据或包括第二数据，所述第一数据用于被分享端的浏览器根据其生成并显示当前界面的至少部分，所述当前界面为所述分享端在获取所述分享数据时显示的当前页面的界面，所述第二数据用于指示所述当前界面与第一界面的变化信息，所述第一界面为所述分享端上一次获取所述分享数据时所述当前页面的界面；
123.显示模块1102，用于根据所述分享数据显示所述分享端的所述当前页面的所述当前界面。
124.本发明实施例针对web页面的共享需求，提供了一种页面共享装置，该共享装置中，分享端发送给对端(被分享端)的分享数据不是截图，而是被分享端的浏览器能够根据其生成并显示被分享的页面的当前界面的数据、或者是指示当前页面的界面变化的数据。因此，大大降低了分享数据的数据量，从而大大降低了对网络的需求，避免了网络条件差导致的卡顿，提升了分享的流畅性。
125.本发明实施例提供的装置还包括：
126.发送模块，用于向所述分享端发送的控制指令，所述控制指令包括指示操作事件的信息和所述操作事件所针对的对象的文档对象模型相关信息。
127.具体的，所述控制指令是基于所述被分享端的控制操作生成，所述控制操作是针对所述被分享端显示的所述当前页面。
128.可选的，请参阅图12，该装置还包括事件监控器，用于收集被分享端触发的一系列事件，比如鼠标操作事件、键盘操作操作事件等。
129.本发明实施例提供的装置实施例与上述应用于被分享端的方法实施例基于相同的发明构思，因此具体的技术细节和对应的技术效果请参阅上述方法实施例，此处不再赘述。
130.本发明实施例还提供了一种电子设备，如图13所示，该电子设备可以包括处理器131和存储器132，其中处理器131和存储器132可以通过总线或者其他方式互相通信连接，图13中以通过总线连接为例。
131.处理器131可以为中央处理器(central processing unit，cpu)。处理器131还可以为其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现场可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等芯片，或者上述各类芯片的组合。
132.存储器132作为一种非暂态计算机可读存储介质，可用于存储非暂态软件程序、非暂态计算机可执行程序以及模块，如本发明实施例中的页面共享方法对应的程序指令/模块(例如，图10所示的分享数据获取模块1001和发送模块1002，或者图11所示的接收模块1101和显示模块1102)。处理器131通过运行存储在存储器132中的非暂态软件程序、指令以及模块，从而执行处理器的各种功能应用以及数据处理，即实现上述方法实施例中的页面共享方法。
133.存储器132可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系
统、至少一个功能所需要的应用程序；存储数据区可存储处理器131所创建的数据等。此外，存储器132可以包括高速随机存取存储器，还可以包括非暂态存储器，例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施例中，存储器132可选包括相对于处理器131远程设置的存储器，这些远程存储器可以通过网络连接至处理器131。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
134.所述一个或者多个模块存储在所述存储器132中，当被所述处理器131执行时，执行如图1-9所示实施例中的页面共享方法。
135.上述电子设备的具体细节可以对应参阅图1至图9所示的实施例中对应的相关描述和效果进行理解，此处不再赘述。
136.相应地，本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质用于存储计算机程序，所述计算机程序被处理器执行时，实现上述种页面共享方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
137.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
138.以上所述仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。