专利名称：一种同步浏览的方法
技术领域：
本发明属于网络技术领域，尤其涉及一种同步浏览的方法。
背景技术：
目前，即时通讯工具，如MSN，QQ，网易泡泡已经深受大家的喜爱，它为人们的沟通、 信息交流提供了新的途径，是除手机、固话、电子邮件之外的又一种重要的信息交流方式。 通过这些工具，大大降低了人们之间的交流成本，且提高了效率。有了即时通讯，人们可以实现传输图片、文件等且效果较好，弥补了传统电话仅能听声音的不足。但是，人们对于即时通讯的需求不仅限于此，人们需要可以有更好的互动性的东西工具，比如像多人网页同步浏览。传统的方式是一个用户发送一个网址给其他用户， 其他用户再打开该网址；到后来发展为一个用户打开网址的同时，其他用户也同时打开了该网址，虽然这种方法较好地解决了人们浏览同一个网址的需求；但是，在实际的使用过程中，我们需要同步展示给其他用户的可能只是页面中的一张图片、一段文章或者某一部分内容。目前的系统均没有很好地实现这种区块同步浏览方式，而且这些系统均需要下载、安装、配置，操作很不方便，不具备区块同步浏览所应有的动态性、实时更新性、可操作性等特性。
发明内容
本发明提供了一种同步浏览的方法，不需要下载任何软件，实现网页区块的同步浏览。为达到上述目的，本发明的技术方案为一种网页区块同步浏览的方法，包括以下步骤1)用户打开网页，在文本框中输入一个待同步给其他用户的网址；2)源用户创建子页面，子页面内再创建一个子页面，将网址对应的网页内容在子页面中的子页面打开，并将网址发送给目标用户；3)目标用户收到消息后，在网页上创建一个子页面，子页面内再创建一个子页面， 子页面中的子页面打开网址对应的网页内容；4)源用户选择子页面网页内容的一块区域，将该区域的坐标位置，区域的尺寸组成一个消息发送给目标用户；5)目标用户收到消息后，将区域的坐标位置、区域的尺寸和当前子页面的网址重新生成一段HTML代码，清空子页面的网页内容，并将该HTML代码输出到子页面显示。上述技术方案中，其中步骤幻包含如下过程2a)源用户创建一个iframe子页面，并在该子页面下再创建一个子页面；2b)设置iframe子页面中的子页面的src属性为待同步的网址，打开该子页面中的子页面，设置子页面的子页面的宽为1500px，设置高为15000px ；
2c)调用消息发送接口将该网址发送给目标用户。上述技术方案中，其中步骤2c)中的消息接口是指网页上已经实现的一套消息发送和接收的方法。上述技术方案中，其中步骤幻中所述的宽度1500px和高度15000px可任意调整， 只要这个数值可以保证能完整显示网页的内容即可。上述技术方案中，其中步骤幻包含如下过程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属性值为区域的χ坐标、y坐标；5c)清空目标用户的子页面的网页内容；5d)将HTML代码写入子页面运行。本发明与现有技术相比具有以下优点1)多个用户可以即时同步浏览同一个网页。2)多个用户可以即时同步浏览同一个网页中的某一块区域。3)被浏览器的区域由于是网页形式，可以直接被点击打开，而不像截图那样不能点击。本发明解决了目前ffeb IM、网络会议、远程教育等系统所存在的区块同步浏览所存在的问题，同步过去的区块对方可以自由操作，与原始信息没有任何差别，具有动态性、 实时更新性、可操作性，完全呈现一种富Web的操作访问，而且是完全基于网页，不用下载任何软件，在网页上便可进行在线操作，简化了操作过程、降低了学习成本，是一种可以普遍使用推广的技术，能够广泛地应用到Web IM、网络会议、远程教育等系统中。
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中图1是本发明的详细流程图。
具体实施例方式以下将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。本发明包括以下步骤1)用户打开网页，在文本框中输入一个待同步给其他用户的网址；2)源用户创建子页面，子页面内再创建一个子页面，将网址对应的网页内容在子页面中的子页面打开，并将网址发送给目标用户；3)目标用户收到消息后，在网页上创建一个子页面，子页面内再创建一个子页面， 子页面中的子页面打开网址对应的网页内容；4)源用户选择子页面网页内容的一块区域，将该区域的坐标位置，区域的尺寸组成一个消息发送给目标用户；5)目标用户收到消息后，将区域的坐标位置、区域的尺寸和当前子页面的网址重新生成一段HTML代码，清空子页面的网页内容，并将该HTML代码输出到子页面显示。下面进一步详细说明本发明所述的方法参见说明书附图，用户打开网页，在文本框中输入网址，创建一个子页面，并在子页面里面插入子页面iframe标签，设置其属性src为输入的网址，设置其高和宽为比较大的一个值，使能满足所有网页的完整显示。同时给子页面增加鼠标事件，使用户可以在子页面上通过鼠标来选取要同步给他人的区域。将网址发送给目标用户，目标用户也创建一个子页面，并在子页面里创建网址对应的子页面。源用户选择一块区域后，发送该区域的坐标和尺寸值给目标用户。目标用户收到消息后，根据区域的坐标、尺寸、子页面的子页面的网址生成HTML代码，并在子页面中显示对应的HTML代码的网页内容。图1是本发明的详细流程图，详细步骤如下步骤101 用户打开网页；步骤102 源用户输入需要同步给目标用户的网址；步骤103 源用户把网址发送给目标用户，并且在子页面加载该网址对应的网页；步骤104 目标用户收到网址后，并且在目标用户的网页子页面加载该网址对应的网页；步骤105 源用户选择网址对应的网页内容的一块区域；步骤106 源用户将该区域的坐标位置，区域的尺寸，或者当前滚动条的滚动位置发送给目标用户；步骤107 目标用户收到源用户发来的消息后，提取出滚动条位置、区域的坐标位置、区域的尺寸。将子页面的滚动条定位到滚动条的位置，或者将区域的坐标位置、区域的尺寸和当前的网址重新生成一段HTML代码；步骤108 将此HTML代码在子页面显示，用户可以点击子页面里的网页内容进行直接浏览；步骤109 结束。显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
权利要求
1.一种同步浏览的方法，其特征在于，包括以下步骤1)用户打开网页，在文本框中输入一个待同步给其他用户的网址；2)源用户创建子页面，子页面内再创建一个子页面，将网址对应的网页内容在子页面中的子页面打开，并将网址发送给目标用户；3)目标用户收到消息后，在网页上创建一个子页面，子页面内再创建一个子页面，子页面中的子页面打开网址对应的网页内容；4)源用户选择子页面网页内容的一块区域，将该区域的坐标位置，区域的尺寸组成一个消息发送给目标用户；5)目标用户收到消息后，将区域的坐标位置、区域的尺寸和当前子页面的网址重新生成一段HTML代码，清空子页面的网页内容，并将该HTML代码输出到子页面显示。
2.如权利要求1所述的方法，其特征在于，其中步骤2)包含如下过程 2a)源用户创建一个iframe子页面，并在该子页面下再创建一个子页面；2b)设置iframe子页面中的子页面的src属性为待同步的网址，打开该子页面中的子页面，设置子页面的子页面的宽为1500px，设置高为15000px ； 2c)调用消息发送接口将该网址发送给目标用户。
3.如权利要求1所述的方法，其特征在于，其中步骤2)中所述目标用户为一个或多个用户。
4.如权利要求1所述的方法，其特征在于，其中步骤3)包含如下过程3a)目标用户收到消息后，提取出网址，同时创建一个iframe子页面，并在该子页面下再创建一个子页面；3b)设置目标用户的iframe子页面中的子页面的src属性为提取出的网址，并打开该子页面的子页面。
5.如权利要求1所述的方法，其特征在于，其中步骤4)包含如下过程4a)源用户的子页面增力口鼠标的onmousedown、onmousemove、onmouseup事件，±曾力口—— 个确定按钮，并创建一个div用来直观显示用户选取的区域；4b)用户选择完成后，双击div或者按确定键，获取div的坐标和尺寸组成一个数据； 4c)调用消息发送接口将数据发送给目标用户。
6.如权利要求1所述的方法，其特征在于，其中步骤5)包含如下过程 5a)目标用户收到消息后，从消息中取得源用户选取的区域的坐标和尺寸；5b)将目标用户子页面的子页面网址、区域的坐标和区域的尺寸，生成一段div加 iframe的HTML代码，div设置区域的尺寸，iframe设置margin-left、margin-top属性值为区域的χ坐标、y坐标；5c)清空目标用户子页面的网页内容； 5d)将HTML代码写入子页面运行。
7.如权利要求1所述的方法，其特征在于源用户选择一个网址对应页面的区域后，将区域的尺寸、位置发送给目标用户，目标用户收到消息后，生成HTML代码在目标用户的子页面上运行并显示网页。
8.一种同步浏览的方法，其特征在于源用户登录网页并创建子页面1，子页面1内再创建一个子页面2，并将网址发送给目标用户；所述目标用户收到所述网址后，创建一个子页面3，子页面3内再创建一个子页面4，在子页面4打开网址对应的网页内容；所述源用户将在所述子页面2中选择所述网址对应页面的区域后，将所选区域信息发送给所述目标用户；所述目标用户收到所述所选区域信息后并同步显示。
9.根据权利要求8所述的方法，其特征在于所述源用户选择所述子页面2所述网页内容的一块区域，将所述区域的坐标位置，所述区域的尺寸组成一个消息发送给所述目标用户；所述目标用户收到所述消息后，将所述区域的坐标位置、区域的尺寸和当前子页面的网址重新生成一段HTML代码，清空所述子页面4的网页内容，并将所述HTML代码输出到所述子页面4显示。
10.根据权利要求8所述的方法，其特征在于源用户登录网页并创建子页面1，子页面 1内再创建一个子页面2，并将网址发送给目标用户的过程为所述源用户创建一个iframe 子页面1，并在所述子页面1下再创建一个所述子页面2 ；设置所述子页面2的src属性为待同步的网址，打开所述子页面2，设置所述子页面2的宽为1500px，设置高为15000px ；调用消息发送接口将所述网址发送给所述目标用户。
全文摘要
本发明属于网络技术领域，具体涉及一种同步浏览的方法，包括以下步骤用户打开网页，源用户输入一个网址，把该网址对应的网页内容加载到子页面中，发送网址给目标用户，目标用户收到网址后，在其子页面加载该网址对应的网页内容。源用户选择网址的一个区域，将区域的位置、尺寸、滚动条位置等发送给目标用户，目标用户收到消息后，将子页面的滚动条定位到相应位置。子页面在收到区域的位置、尺寸信息后，生成一段HTML代码，在子页面输出。该方法能实现多个用户的同步浏览同一个网页区块的功能。
文档编号G06F17/30GK102314468SQ20111005996
公开日2012年1月11日 申请日期2011年3月14日 优先权日2010年9月17日
发明者胡加明 申请人:苏州阔地网络科技有限公司