CN102314467A - 一种实现网页同步浏览的方法 - Google Patents

Abstract

本发明属于网络技术领域，具体涉及一种实现网页同步浏览的方法，包括以下步骤：源用户打开源网页，输入需要同步浏览的网页地址，此网页已经嵌入源网页的同步浏览API代码，同步浏览的网页加载成功后，通过加载源网页的同步浏览API代码调用源网页同步浏览处理函数，同步浏览处理函数将源用户的网页浏览状态信息同步到其它被同步用户网页，其它被同步的用户网页对浏览状态信息进行解析后在页面进行处理和显示，即可实现网页上的同步浏览。该方法完全基于网页的进行实现，无需要额外的应用程序或系统进行支撑处理，方便、快捷、高效。

Description

一种实现网页同步浏览的方法

技术领域

本发明属于网络技术领域，具体涉及一种实现网页同步浏览的方法。

背景技术

随着互联网的发展，电子信息网页化越来越普及，比如视频会议、即时通讯、文档编辑、视频、游戏等，人们已经充分肯定了网页化所带来的便捷，尤其是网页化的快速性、安全性、与可扩展性。

基于互联网网页化时代的快速发展，人们对网页化的需求也越来越多，从传统的网页浏览新闻到现在对新闻的发布、过滤、搜索、排序等，从传统的网页观看视频到现在对视频的发布、搜索、制作、上传、下载等，从传统软件即时通讯到现在的网页即时通讯、在线文档转换、在线文档阅读、在线视频聊天等。

当前，网民对网页化的需求已趋向于工作、生活、娱乐的一体化标准。现阶段的网页化应用中，已经实现了文档的在线阅读同步、音视频在线通讯同步等，但是，上述所及方法都不能很好地实现网页浏览的同步，即使现有一些技术可以实现网页浏览同步，也只是通过客户软件或者其它抓取方法来实现，同步的速度性、及时性、完整性得不到保证。如当用户需要在视频会议、远程教育等系统中对一个网页进行演示时，必然会出现点击网页中的某个链接或者按钮，使当前演示的网页跳转到另一个网页，如果此时不同步到其它被演示端，那么将导致接受信息的误差以及被演示端对讨论结果、信息的理解错误，从而影响到整个演示过程的效果。

发明内容

本发明提供了一种实现网页同步浏览的方法，实现了无需下载任何控件，就能实现网页同步浏览。

为了达到上述目的，本发明的技术方案为：

一种网页上实现网页同步浏览的方法，包括以下步骤：

1)源用户打开源网页，并打开需要同步浏览的已经嵌入源网页同步浏览API代码的网页；

2)同步浏览的网页加载成功后，通过加载源网页的同步浏览API代码，调用源网页的同步浏览处理函数，并将需要同步的网页的地址传递给源网页的同步浏览处理函数；

3)源网页的同步浏览处理函数将所接收的同步信息发送至所有需要同步的用户；

4)被同步用户网页接收到消息服务器发送的网页同步信息后，对信息进行解析，在页面进行处理和显示，即实现网页同步浏览。

上述技术方案中，步骤1)包含如下过程：

1a)源用户打开源网页，输入需要同步浏览的网页地址，此网页必须已经实现源网页的网页同步浏览API代码，而且是直接在本窗口跳转的网页，此API代码即为在源页面代码中嵌入一个iframe组件，(iframe组件可以嵌在源网页之中，也可以嵌入window.open页面之中)并将iframe的src属性值指向源网页的API代码调用页面，API调用页面并加载成功后，可以通过网页请求信息中的HTTP_REFERER属性或者iframe的src中进行参数传递等方式来获取同步浏览的网页地址，并通过JavaScript的parent.parent调用源网页的网页同步浏览处理函数；

1b)源用户点击打开同步浏览按钮或者链接，或者点击本来已经在进行同步浏览的网页中的链接或者进行其它操作对所同步浏览的网页进行跳转浏览，此时，源网页会自动检测是否已存在网页同步浏览页面显示框架，如果不存在，则通过document.createElement(″iframe″)方法创建一个网页框架(同步浏览框架用syncArea进行标识)，如果存在syncArea，则不需要重新创建，此时syncArea检测完成后，将syncArea的src属性设置为需要同步浏览的网页地址。

上述技术方案中，步骤2)包含如下过程：

2a)由于此同步浏览网页已经嵌入了源网页的同步浏览API，所以当同步浏览的网页框架syncArea加载成功后，会自动通过加载API调用页面，此时API调用页面会通过网页请求信息中的HTTP_REFERER属性获取同步网页的地址，并通过JavaScript的parent.parent调用源网页的网页同步浏览处理函数；

2b)API调用源网页网页同步浏览处理函数时，传入所需要同步浏览网页的网页地址等信息。

上述技术方案中，步骤3)包含如下过程：

源网页的同步浏览处理函数接收同步浏览信息后，通过网页即时通讯技术(Flash的Socket、XMLSocket、P2P等其它网页上所实现的即时通讯技术)将同步浏览信息发送至消息服务器，消息服务器将接收到的网页同步浏览信息转发至所有需要同步的用户网页。

上述技术方案中，步骤4)包含如下过程：

4a)被同步用户的网页通过即时通讯技术(Flash的Socket、XMLSocket、P2P等其它网页上所实现的即时通讯技术)接收到消息服务器发送的网页同步信息后通过JavaScript对信息进行解析和处理，得到源用户当前正常浏览的网页地址；

4b)此时被同步用户的网页会通过JavaScript自动检测是否已经存在网页同步浏览页面显示框架，如果不存在，则通过document.createElement(″iframe″)方法创建一个网页框架(同步浏览框架用syncArea进行标识)，如果存在syncArea则不需要重新创建，此时syncArea检测完成后，将syncArea的src属性设置为需要同步浏览的网页地址，即实现网页同步浏览。

本发明与现有技术相比具有以下优点：

1)利用网页自身组件进行实现，不需要下载任何控件，不需要第三方应用系统进行支撑。

2)通过连锁回调机制，反应迅速，用户体验好。

3)采用Flash在线Socket通讯，即时、稳定、高效。

4)实现原理简单，完全基于网页，不需要下载任何插件，绿色、环保，可广泛运用于网络会议、远程教育等互联网应用中。

本发明旨在解决现在传统方式下实现网页同步浏览中存在的问题，无需下载任何控件，无需第三方应用框架和应用系统进行支撑，完全基于网页实现，操作方便，而且速度快、反应及时，是一种真正意义上能够普及大众的技术，并且实现原理简单，能够很方便地嵌入视频会议、远程教育等各种互联网应用中。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是本发明的详细流程图。

具体实施方式

以下将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

一种网页上实现网页同步浏览的方法，包括以下步骤：

1)源用户打开源网页，并打开需要同步浏览的已经嵌入源网页同步浏览API代码的网页；

2)同步浏览的网页加载成功后，通过加载源网页的同步浏览API代码，调用源网页的同步浏览处理函数，并将需要同步的网页的地址传递给源网页的同步浏览处理函数；

3)源网页的同步浏览处理函数将所接收的同步信息发送至所有需要同步的用户；

4)被同步用户网页接收到消息服务器发送的网页同步信息后，对信息进行解析，在页面进行处理和显示，即实现网页同步浏览。

下面进一步详细说明本发明所述的方法：

参见说明书附图，源用户打开源网页，输入需要同步浏览的网页地址，此网页必须已经实现源网页的网页同步浏览API代码，而且是直接在本窗口跳转的网页，此API代码即为在源页面代码中嵌入一个iframe组件，(iframe组件可以嵌在源网页之中，也可以嵌入window.open页面之中)并将iframe的src属性值指向源网页的API代码调用页面，API调用页面并加载成功后，可以通过网页请求信息中的HTTP_REFERER属性或者iframe的src中进行参数传递等方式来获取同步浏览的网页地址，并通过JavaScript的parent.parent调用源网页的网页同步浏览处理函数；源用户点击打开同步浏览按钮或者链接，或者点击本来已经在进行同步浏览的网页中的链接或者进行其它操作对所同步浏览的网页进行跳转浏览，此时，源网页会自动检测是否已经存在网页同步浏览页面显示框架，如果不存在，则通过document.createElement(″iframe″)方法创建一个网页框架(同步浏览框架用syncArea进行标识)，如果存在syncArea，则不需要重新创建，此时syncArea检测完成后，将syncArea的src属性设置为需要同步浏览的网页地址；由于此同步浏览网页已经嵌入了源网页的同步浏览API，所以当同步浏览的网页框架syncArea加载成功后，会自动通过加载API调用页面，此时API调用页面会通过网页请求信息中的HTTP_REFERER属性获取同步网页的地址，并通过JavaScript的parent.parent调用源网页的网页同步浏览处理函数；API调用源网页网页同步浏览处理函数时，传入所需要同步浏览网页的网页地址等信息；源网页的同步浏览处理函数接收同步浏览信息后，通过网页Flash的Socket将同步浏览信息发送到消息服务器，消息服务器将接收到的网页同步浏览信息转发至所有需要同步的用户网页；被同步用户的网页Flash的Socket接收到消息服务器发送的网页同步信息后通过JavaScript对信息进行解析和处理，得到源用户当前正常浏览的网页地址；此时被同步用户的网页会通过JavaScript自动检测是否已经存在网页同步浏览页面显示框架，如果不存在，则通过document.createElement(″iframe″)方法创建一个网页框架(同步浏览框架用syncArea进行标识)，如果存在syncArea则不需要重新创建，此时syncArea检测完成后，将syncArea的src属性设置为需要同步浏览的网页地址，即实现网页同步浏览；所需同步浏览的网页之所以需要嵌入源网站的网页同步API代码是由于不同域网页之间相互调用存在跨域问题，即如a.com的网页通过打开或嵌入等其它方式打开b.com的网页，若需通过b.com中的网页操作a.com页面的方法、函数、页面等内容，在浏览器中将不被允许，因为不同域之间的网页之间互相调用存在权限验证问题，所以通过网页同步浏览API代码采用b.com中的网页嵌入a.com的API实现网页，以通过在网站浏览API实现页面通过parent.parent跨过b.com的权限直接调用a.com页面中的相关处理函数，避免跨域问题，以实现处于不同域之间的网页相互调用。

图1是本发明的详细流程图，详细步骤如下：

步骤101：开始；

步骤102：源用户打开源网页，输入需要同步浏览的网页地址，此网页已经嵌入源网页的同步浏览API代码；

步骤103：同步浏览的网页加载成功后，通过加载源网页的同步浏览API代码调用源网页同步浏览处理函数；

步骤104：源网页同步浏览处理函数将源用户的浏览状态信息同步到其它被同步用户网页；

步骤105：被同步用户网页接收到网页同步浏览状态信息，并对其进行解析后，在页面处理和显示；

步骤106：结束。

显然，本领域的技术人员应该明白，上述的本发明各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种实现网页同步浏览的方法，其特征在于，包括以下步骤：

1)源用户打开源网页，并打开需要同步浏览的已经嵌入源网页同步浏览API代码的网页；

2)同步浏览的网页加载成功后，通过加载源网页的同步浏览API代码，调用源网页的同步浏览处理函数，并将需要同步的网页的地址传递给源网页的同步浏览处理函数；

3)源网页的同步浏览处理函数将所接收的同步信息发送至所有需要同步的用户；

4)被同步用户网页接收到消息服务器发送的网页同步信息后，对信息进行解析，在页面进行处理和显示，即实现网页同步浏览。

2.如权利要求1所述的方法，其特征在于，其中步骤1)包含如下过程：

1a)源用户打开源网页，输入需要同步浏览的网页地址，此网页必须已经实现源网页的网页同步浏览API代码，而且是直接在本窗口跳转的网页，此API代码即为在源页面代码中嵌入一个iframe组件，其中，所述iframe组件嵌入的位置包括但不限于：源网页、window.open页面，并将iframe的src属性值指向源网页的API代码调用页面，API调用页面并加载成功后，通过网页请求信息中的HTTP_REFERER属性或者iframe的src中进行参数传递方式来获取同步浏览的网页地址，并通过JavaScript的parent.parent调用源网页的网页同步浏览处理函数；

1b)源用户点击打开同步浏览按钮或者链接，或者点击本来已经在进行同步浏览的网页中的链接或者进行其它操作对所同步浏览的网页进行跳转浏览，此时，源网页会自动检测是否已存在网页同步浏览页面显示框架，如果不存在，则通过document.createElement(″iframe″)方法创建一个网页框架syncArea，如果存在syncArea，则不需要重新创建，此时syncArea检测完成后，将syncArea的src属性设置为需要同步浏览的网页地址。

3.如权利要求1所述的方法，其特征在于，其中步骤2)包含如下过程：

2a)由于此同步浏览网页已经嵌入了源网页的同步浏览API，所以当同步浏览的网页框架syncArea加载成功后，会自动通过加载API调用页面，此时API调用页面会通过网页请求信息中的HTTP_REFERER属性获取同步网页的地址，并通过JavaScript的parent.parent调用源网页的网页同步浏览处理函数；

2b)API调用源网页网页同步浏览处理函数时，传入所需要同步浏览网页的网页地址信息。

4.如权利要求1所述的方法，其特征在于，其中步骤3)包含如下过程：

源网页的同步浏览处理函数接收同步浏览信息后，将同步浏览信息发送至消息服务器，消息服务器将接收到的网页同步浏览信息转发至所有需要同步的用户网页。

5.如权利要求1所述的方法，其特征在于，其中步骤4)包含如下过程：

4a)被同步用户的网页，接收到消息服务器发送的网页同步信息后通过JavaScript对信息进行解析和处理，得到源用户当前正常浏览的网页地址；

4b)此时被同步用户的网页会通过JavaScript自动检测是否已经存在网页同步浏览页面显示框架，如果不存在，则通过document.createElement(″iframe″)方法创建一个syncArea网页框架，如果存在syncArea，则不需要重新创建，此时syncArea检测完成后，将syncArea的src属性设置为需要同步浏览的网页地址，即实现网页同步浏览。

6.一种实现网页同步浏览的方法，其特征在于：源用户登陆网页后，通过调用源网页的同步浏览处理函数，将需要同步浏览的已经嵌入源网页同步浏览API代码的网页，通过消息服务器传递给被同步用户并由被同步用户进行解析处理。

7.根据权利要求6所述的方法，其特征在于：所述源用户登陆网页后，打开需要同步浏览的已经嵌入源网页同步浏览API代码的网页。

8.根据权利要求7所述的方法，其特征在于：同步浏览的网页加载成功后，通过加载源网页的同步浏览API代码，调用源网页的同步浏览处理函数，并将需要同步的网页的地址传递给源网页的同步浏览处理函数。

9.根据权利要求8所述的方法，其特征在于：所述源网页的同步浏览处理函数将所接收的同步信息发送至消息服务器并由所述消息服务器转发给所有需要同步的用户。

10.根据权利要求9所述的方法，其特征在于：被同步用户网页接收到所述消息服务器发送的网页同步信息后，对信息进行解析，在页面进行处理和显示，实现网页同步浏览。