一种同步浏览的方法技术

本发明专利技术属于网络技术领域，具体涉及一种同步浏览的方法，包括以下步骤：用户打开网页，源用户输入一个网址，把该网址对应的网页内容加载到子页面中，发送网址给目标用户，目标用户收到网址后，在其子页面加载该网址对应的网页内容。源用户选择网址的一个区域，将区域的位置、尺寸、滚动条位置等发送给目标用户，目标用户收到消息后，将子页面的滚动条定位到相应位置。子页面在收到区域的位置、尺寸信息后，生成一段HTML代码，在子页面输出。该方法能实现多个用户的同步浏览同一个网页区块的功能。

【技术实现步骤摘要】

本专利技术属于网络
，尤其涉及。
技术介绍
目前，即时通讯工具，如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 结束。显然，本领域的技术人员应该明白，上述的本专利技术的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络本文档来自技高网...

【技术保护点】
１．一种同步浏览的方法，其特征在于，包括以下步骤：１）用户打开网页，在文本框中输入一个待同步给其他用户的网址；２）源用户创建子页面，子页面内再创建一个子页面，将网址对应的网页内容在子页面中的子页面打开，并将网址发送给目标用户；３）目标用户收到消息后，在网页上创建一个子页面，子页面内再创建一个子页面，子页面中的子页面打开网址对应的网页内容；４）源用户选择子页面网页内容的一块区域，将该区域的坐标位置，区域的尺寸组成一个消息发送给目标用户；５）目标用户收到消息后，将区域的坐标位置、区域的尺寸和当前子页面的网址重新生成一段ＨＴＭＬ代码，清空子页面的网页内容，并将该ＨＴＭＬ代码输出到子页面显示。

【技术特征摘要】
2010.09.17 CN 201010291153.81.一种同步浏览的方法，其特征在于，包括以下步骤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)调用消...

【专利技术属性】
技术研发人员：胡加明，
申请(专利权)人：苏州阔地网络科技有限公司，
类型：发明
国别省市：32