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

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

Info

Publication number
CN102314467A
CN102314467A CN201110059964XA CN201110059964A CN102314467A CN 102314467 A CN102314467 A CN 102314467A CN 201110059964X A CN201110059964X A CN 201110059964XA CN 201110059964 A CN201110059964 A CN 201110059964A CN 102314467 A CN102314467 A CN 102314467A
Authority
CN
China
Prior art keywords
web page
webpage
synchronous
synchronously
source
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201110059964XA
Other languages
English (en)
Inventor
胡加明
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Suzhou Codyy Network Technology Co Ltd
Original Assignee
Suzhou Codyy Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Suzhou Codyy Network Technology Co Ltd filed Critical Suzhou Codyy Network Technology Co Ltd
Priority to CN201110059964XA priority Critical patent/CN102314467A/zh
Publication of CN102314467A publication Critical patent/CN102314467A/zh
Pending legal-status Critical Current

Links

Landscapes

  • Information Transfer Between Computers (AREA)

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所述的方法,其特征在于:被同步用户网页接收到所述消息服务器发送的网页同步信息后,对信息进行解析,在页面进行处理和显示,实现网页同步浏览。
CN201110059964XA 2010-12-29 2011-03-14 一种实现网页同步浏览的方法 Pending CN102314467A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201110059964XA CN102314467A (zh) 2010-12-29 2011-03-14 一种实现网页同步浏览的方法

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201010611095 2010-12-29
CN201010611095.2 2010-12-29
CN201110059964XA CN102314467A (zh) 2010-12-29 2011-03-14 一种实现网页同步浏览的方法

Publications (1)

Publication Number Publication Date
CN102314467A true CN102314467A (zh) 2012-01-11

Family

ID=45427644

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201110059964XA Pending CN102314467A (zh) 2010-12-29 2011-03-14 一种实现网页同步浏览的方法

Country Status (1)

Country Link
CN (1) CN102314467A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103207895A (zh) * 2013-03-14 2013-07-17 北京京东世纪贸易有限公司 用于实现页面无关的同步功能的方法和系统
CN104683421A (zh) * 2013-12-03 2015-06-03 中国科学院声学研究所 一种支持多设备同步承载的web服务方法
CN105791994A (zh) * 2014-12-25 2016-07-20 深圳Tcl数字技术有限公司 一种基于Android系统的webkit浏览器视频播放方法及装置
CN115033335A (zh) * 2022-08-11 2022-09-09 青岛中正合力软件有限公司 一种应用于网页同屏的显示处理方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101216857A (zh) * 2008-01-07 2008-07-09 张尧森 网页区块剪取、合并的方法
CN101615179A (zh) * 2008-06-25 2009-12-30 国际商业机器公司 用于Web应用的跨域交互的方法和系统
CN101650739A (zh) * 2008-07-10 2010-02-17 论理工场株式会社 网页界面提供方法以及系统
CN101834882A (zh) * 2009-03-13 2010-09-15 华为技术有限公司 一种共享网页的方法、浏览器和通信系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101216857A (zh) * 2008-01-07 2008-07-09 张尧森 网页区块剪取、合并的方法
CN101615179A (zh) * 2008-06-25 2009-12-30 国际商业机器公司 用于Web应用的跨域交互的方法和系统
CN101650739A (zh) * 2008-07-10 2010-02-17 论理工场株式会社 网页界面提供方法以及系统
CN101834882A (zh) * 2009-03-13 2010-09-15 华为技术有限公司 一种共享网页的方法、浏览器和通信系统

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103207895A (zh) * 2013-03-14 2013-07-17 北京京东世纪贸易有限公司 用于实现页面无关的同步功能的方法和系统
CN103207895B (zh) * 2013-03-14 2016-12-28 北京京东世纪贸易有限公司 用于实现页面无关的同步功能的方法和系统
CN104683421A (zh) * 2013-12-03 2015-06-03 中国科学院声学研究所 一种支持多设备同步承载的web服务方法
WO2015081647A1 (zh) * 2013-12-03 2015-06-11 中国科学院声学研究所 一种支持多设备同步承载的web服务方法
CN104683421B (zh) * 2013-12-03 2017-12-29 中国科学院声学研究所 一种支持多设备同步承载的web服务方法
US10469606B2 (en) 2013-12-03 2019-11-05 Institute Of Acoustics, Chinese Academy Of Sciences Method for web service supporting synchronous hosting of multiple devices
CN105791994A (zh) * 2014-12-25 2016-07-20 深圳Tcl数字技术有限公司 一种基于Android系统的webkit浏览器视频播放方法及装置
CN105791994B (zh) * 2014-12-25 2019-09-06 深圳Tcl数字技术有限公司 一种基于Android系统的webkit浏览器视频播放方法及装置
CN115033335A (zh) * 2022-08-11 2022-09-09 青岛中正合力软件有限公司 一种应用于网页同屏的显示处理方法
CN115033335B (zh) * 2022-08-11 2023-01-10 青岛中正合力软件有限公司 一种应用于网页同屏的显示处理方法

Similar Documents

Publication Publication Date Title
US11907642B2 (en) Enhanced links in curation and collaboration applications
US10015226B2 (en) Methods for making AJAX web applications bookmarkable and crawlable and devices thereof
EP2948889B1 (en) Architecture for sharing browsing session histories
US8024400B2 (en) Method and system for transferring content from the web to mobile devices
US20130073946A1 (en) Method and apparatus for loading webpage content of webkit browser
CN103873918B (zh) 图片处理方法、装置及终端
US8886819B1 (en) Cross-domain communication in domain-restricted communication environments
EP2254302A2 (en) Method and apparatus for restoring state information of remote user interface
US8943036B1 (en) Search controls using sliders and lightboxes
CN109040326A (zh) 推送消息的方法和装置
CN102314469A (zh) 一种实现跨域请求回调的方法
CN107911483A (zh) 一种信息传输方法和装置
CN102298599A (zh) 离线浏览网页方法及其系统
CN103577392A (zh) 基于当前浏览页面的关键词推送方法及装置
US9876776B2 (en) Methods for generating and publishing a web site based on selected items and devices thereof
CN102314467A (zh) 一种实现网页同步浏览的方法
US20090271855A1 (en) Computer based method and system for registering a user at a server computer system
CN102137166A (zh) 基于网页的网页同步浏览方法及系统
CN102137118A (zh) 一种基于网页的网页安全同步浏览方法及系统
KR20110118000A (ko) 모바일 단말에서 웹브라우저와 로컬 리소스의 연동 장치 및 그 방법
CN102137119A (zh) 一种基于网页的网页同步浏览方法及系统
JP2009211278A (ja) 携帯端末を利用した検索システムおよびその検索方法
CN103425473A (zh) 一种开放式微博的实现方法和系统
JP4784892B2 (ja) サイトリンクシステム、サイト管理サーバ、およびサイトリンク方法
JP6293611B2 (ja) 端末間で同一ページを同期して表示させるページ同期方法及びプログラム

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C02 Deemed withdrawal of patent application after publication (patent law 2001)
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20120111