[发明专利]一种同步浏览的方法

说明书

技术领域

本发明属于网络技术领域，尤其涉及一种同步浏览的方法。

背景技术

目前，即时通讯工具，如MSN，QQ，网易泡泡已经深受大家的喜爱，它为人们的沟通、信息交流提供了新的途径，是除手机、固话、电子邮件之外的又一种重要的信息交流方式。通过这些工具，大大降低了人们之间的交流成本，且提高了效率。

有了即时通讯，人们可以实现传输图片、文件等且效果较好，弥补了传统电话仅能听声音的不足。但是，人们对于即时通讯的需求不仅限于此，人们需要可以有更好的互动性的东西工具，比如像多人网页同步浏览。传统的方式是一个用户发送一个网址给其他用户，其他用户再打开该网址；到后来发展为一个用户打开网址的同时，其他用户也同时打开了该网址，虽然这种方法较好地解决了人们浏览同一个网址的需求；但是，在实际的使用过程中，我们需要同步展示给其他用户的可能只是页面中的一张图片、一段文章或者某一部分内容。

目前的系统均没有很好地实现这种区块同步浏览方式，而且这些系统均需要下载、安装、配置，操作很不方便，不具备区块同步浏览所应有的动态性、实时更新性、可操作性等特性。

发明内容

本发明提供了一种同步浏览的方法，不需要下载任何软件，实现网页区块的同步浏览。

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

一种网页区块同步浏览的方法，包括以下步骤：

1)用户打开网页，在文本框中输入一个待同步给其他用户的网址；

2)源用户创建子页面，子页面内再创建一个子页面，将网址对应的网页内容在子页面中的子页面打开，并将网址发送给目标用户；

3)目标用户收到消息后，在网页上创建一个子页面，子页面内再创建一个子页面，子页面中的子页面打开网址对应的网页内容；

4)源用户选择子页面网页内容的一块区域，将该区域的坐标位置，区域的尺寸组成一个消息发送给目标用户；

5)目标用户收到消息后，将区域的坐标位置、区域的尺寸和当前子页面的网址重新生成一段HTML代码，清空子页面的网页内容，并将该HTML代码输出到子页面显示。

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

2a)源用户创建一个iframe子页面，并在该子页面下再创建一个子页面；

2b)设置iframe子页面中的子页面的src属性为待同步的网址，打开该子页面中的子页面，设置子页面的子页面的宽为1500px，设置高为15000px；

2c)调用消息发送接口将该网址发送给目标用户。

上述技术方案中，其中步骤2c)中的消息接口是指：

网页上已经实现的一套消息发送和接收的方法。

上述技术方案中，其中步骤2)中所述的宽度1500px和高度15000px可任意调整，只要这个数值可以保证能完整显示网页的内容即可。

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

3a)目标用户收到消息后，提取出网址，同时创建一个iframe子页面，并在该子页面下再创建一个子页面；

3b)设置目标用户的iframe子页面中的子页面的src属性为提取出的网址，并打开该子页面的子页面。

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

4a)源用户的子页面增加鼠标的onmousedown、onmousemove、onmouseup事件，增加一个确定按钮，并创建一个div用来直观显示用户选取的区域

4b)用户选择完成后，双击div或者按确定键，获取div的坐标和尺寸组成一个数据；

4c)调用消息发送接口将数据发送给目标用户。

其中步骤5)包含如下过程：

5a)目标用户收到消息后，从消息中取得源用户选取的区域的坐标和尺寸；

5b)将目标用户子页面的子页面的网址、区域的坐标和区域的尺寸，生成一段div加iframe的HTML代码。div设置区域的尺寸，iframe设置margin-left、margin-top属性值为区域的x坐标、y坐标；

5c)清空目标用户的子页面的网页内容；

5d)将HTML代码写入子页面运行。

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

1)多个用户可以即时同步浏览同一个网页。

2)多个用户可以即时同步浏览同一个网页中的某一块区域。

3)被浏览器的区域由于是网页形式，可以直接被点击打开，而不像截图那样不能点击。