專利名稱：一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽方法及系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明屬于網(wǎng)絡(luò)技術(shù)領(lǐng)域，尤其涉及一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽方法及系統(tǒng)。
背景技術(shù)：
目前，即時通訊工具，如MSN，QQ，網(wǎng)易泡泡已經(jīng)深受大家的喜愛，它為人們的溝通、 信息交流提供了新的途徑，是除手機(jī)、固話、電子郵件之外的又一種重要的信息交流方式。 通過這些工具，大大降低了人們之間的交流成本，且提高了效率。有了即時通訊，人們可以實(shí)現(xiàn)傳輸圖片、文件等且效果較好，彌補(bǔ)了傳統(tǒng)電話僅能聽聲音的不足。但是，人們對于即時通訊的需求不僅限于此，人們需要可以有更好的互動性的東西工具，比如像多人網(wǎng)頁同步瀏覽。傳統(tǒng)的方式是一個用戶發(fā)送一個網(wǎng)址給其他用戶， 其他用戶再打開該網(wǎng)址；到后來發(fā)展為一個用戶打開網(wǎng)址的同時，其他用戶也同時打開了該網(wǎng)址，雖然這種方法較好地解決了人們?yōu)g覽同一個網(wǎng)址的需求。但是，在實(shí)際的使用過程中，我們需要同步展示給其他用戶的可能只是頁面中的一張圖片、一段文章或者某一部分內(nèi)容。目前的系統(tǒng)均沒有很好地實(shí)現(xiàn)這種區(qū)塊同步瀏覽方式，而且這些系統(tǒng)均需要下載、安裝、配置，操作很不方便，不具備區(qū)塊同步瀏覽所應(yīng)有的動態(tài)性、實(shí)時更新性、可操作性等特性。

發(fā)明內(nèi)容
本發(fā)明提出了一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽方法及系統(tǒng)，實(shí)現(xiàn)了無需安裝下載任何軟件，即可實(shí)現(xiàn)網(wǎng)頁區(qū)塊同步。本發(fā)明提出了一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊安全同步瀏覽方法，包括以下步驟通訊服務(wù)器將獲取的網(wǎng)頁區(qū)塊同步消息發(fā)送至同步存儲服務(wù)器；所述同步存儲服務(wù)器存儲并更新網(wǎng)頁區(qū)塊同步消息并將更新后的所述網(wǎng)頁區(qū)塊同步消息，發(fā)送至目標(biāo)用戶及源用戶。本發(fā)明還公布了一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽系統(tǒng)，包括源用戶、通訊服務(wù)器、同步存儲服務(wù)器、目標(biāo)用戶通訊服務(wù)器將獲取的網(wǎng)頁區(qū)塊同步消息發(fā)送至同步存儲服務(wù)器；所述同步存儲服務(wù)器存儲并更新網(wǎng)頁區(qū)塊同步消息并將更新后的所述網(wǎng)頁區(qū)塊同步消息，發(fā)送至目標(biāo)用戶及源用戶。本發(fā)明提出了一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽方法及系統(tǒng)，實(shí)現(xiàn)了無需安裝下載任何軟件，即可實(shí)現(xiàn)網(wǎng)頁區(qū)塊同步。


此處所說明的附圖用來提供對本發(fā)明的進(jìn)一步理解，構(gòu)成本申請的一部分，本發(fā)明的示意性實(shí)施例及其說明用于解釋本發(fā)明，并不構(gòu)成對本發(fā)明的不當(dāng)限定。在附圖中圖1是本發(fā)明的詳細(xì)流程圖；圖2是本發(fā)明的結(jié)構(gòu)原理圖。
具體實(shí)施例方式下文中將參考附圖并結(jié)合實(shí)施例來詳細(xì)說明本發(fā)明。需要說明的是，在不沖突的情況下，本申請中的實(shí)施例及實(shí)施例中的特征可以相互組合。圖1是本發(fā)明的詳細(xì)流程圖，包括以下步驟步驟101 源用戶打開網(wǎng)頁，在文本框中輸入一個待同步給目標(biāo)用戶的網(wǎng)址；步驟102 源用戶創(chuàng)建子頁面，子頁面內(nèi)再創(chuàng)建一個子頁面，將網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容在子頁面中的子頁面打開，并將網(wǎng)址通過通訊服務(wù)器發(fā)送給目標(biāo)用戶；上述技術(shù)方案中，其中步驟幻包含如下過程2a)源用戶創(chuàng)建一個iframe子頁面，并在該子頁面下再創(chuàng)建一個子頁面；2b)設(shè)置iframe子頁面中的子頁面的src屬性為待同步的網(wǎng)址，打開該子頁面中的子頁面，設(shè)置子頁面的子頁面的寬為1500px，設(shè)置高為15000px ；2c)調(diào)用消息發(fā)送接口通過通訊服務(wù)器將該網(wǎng)址發(fā)送給目標(biāo)用戶。步驟103 目標(biāo)用戶收到消息后，在網(wǎng)頁上創(chuàng)建一個子頁面，子頁面內(nèi)再創(chuàng)建一個子頁面，子頁面中的子頁面打開網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容；上述技術(shù)方案中，其中步驟幻包含如下過程3a)目標(biāo)用戶收到消息后，提取出網(wǎng)址，同時創(chuàng)建一個iframe子頁面，并在該子頁面下再創(chuàng)建一個子頁面；3b)設(shè)置目標(biāo)用戶的iframe子頁面中的子頁面的src屬性為提取出的網(wǎng)址，并打開該子頁面的子頁面。步驟104 源用戶選擇子頁面網(wǎng)頁內(nèi)容的一塊區(qū)域，將該區(qū)域的坐標(biāo)位置，區(qū)域的尺寸組成一個網(wǎng)頁區(qū)塊同步消息指令發(fā)送給通訊服務(wù)器，并由通訊服務(wù)器發(fā)送給同步存儲服務(wù)器，同步存儲服務(wù)器存儲并更新網(wǎng)頁區(qū)塊同步消息，并將更新后的網(wǎng)頁區(qū)塊同步消息， 通過通訊服務(wù)器發(fā)送給目標(biāo)用戶及源用戶；上述技術(shù)方案中，其中步驟4)包含如下過程4a)源用戶的子頁面增力口鼠標(biāo)的onmousedown、onmousemove、onmouseup事件,±曾加一個確定按鈕，并創(chuàng)建一個div用來直觀顯示用戶選取的區(qū)域4b)源用戶選擇完成后，雙擊div或者按確定鍵，獲取div的坐標(biāo)和尺寸組成一個網(wǎng)頁區(qū)塊同步消息指令，調(diào)用消息發(fā)送接口，發(fā)送給通訊服務(wù)器；4c)通訊服務(wù)器將網(wǎng)頁區(qū)塊同步消息發(fā)送給同步存儲服務(wù)器，同步存儲服務(wù)器存儲并更新網(wǎng)頁區(qū)塊同步消息，并將更新后的網(wǎng)頁區(qū)塊同步消息，通過通訊服務(wù)器發(fā)送給目標(biāo)用戶及源用戶；步驟105 目標(biāo)用戶及源用戶收到網(wǎng)頁區(qū)塊同步消息后，將區(qū)域的坐標(biāo)位置、區(qū)域的尺寸和當(dāng)前子頁面的網(wǎng)址重新生成一段HTML代碼，清空子頁面的網(wǎng)頁內(nèi)容，并將該HTML 代碼輸出到子頁面顯示。其中步驟5)包含如下過程
5a)目標(biāo)用戶收到網(wǎng)頁區(qū)塊同步消息后，從網(wǎng)頁區(qū)塊同步消息中取得源用戶選取的區(qū)域的坐標(biāo)和尺寸；5b)將目標(biāo)用戶子頁面的子頁面的網(wǎng)址、區(qū)域的坐標(biāo)和區(qū)域的尺寸，生成一段div 加iframe的HTML代碼。div設(shè)置區(qū)域的尺寸，iframe設(shè)置margin-left、margin_top屬性值為區(qū)域的χ坐標(biāo)、y坐標(biāo)；5c)清空目標(biāo)用戶的子頁面的網(wǎng)頁內(nèi)容；5d)將HTML代碼寫入子頁面運(yùn)行。圖2是本發(fā)明的結(jié)構(gòu)原理圖，詳細(xì)說明如下源用戶A打開網(wǎng)頁，在文本框中輸入一個待同步給目標(biāo)用戶B、C的網(wǎng)址；源用戶A創(chuàng)建子頁面，子頁面內(nèi)再創(chuàng)建一個子頁面，將網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容在子頁面中的子頁面打開，并將網(wǎng)址通過通訊服務(wù)器發(fā)送給目標(biāo)用戶B、C ；目標(biāo)用戶B、C收到消息后，在網(wǎng)頁上創(chuàng)建一個子頁面，子頁面內(nèi)再創(chuàng)建一個子頁面，子頁面中的子頁面打開網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容；源用戶A選擇子頁面網(wǎng)頁內(nèi)容的一塊區(qū)域，將該區(qū)域的坐標(biāo)位置，區(qū)域的尺寸組成一個網(wǎng)頁區(qū)塊同步消息指令發(fā)送給通訊服務(wù)器，通訊服務(wù)器將網(wǎng)頁區(qū)塊同步消息發(fā)送給同步存儲服務(wù)器，同步存儲服務(wù)器存儲并更新網(wǎng)頁區(qū)塊同步消息，并將更新后的網(wǎng)頁區(qū)塊同步消息，通過通訊服務(wù)器，發(fā)送給目標(biāo)用戶B、C及源用戶A。目標(biāo)用戶B、C及源用戶A收到網(wǎng)頁區(qū)塊同步消息后，將區(qū)域的坐標(biāo)位置、區(qū)域的尺寸和當(dāng)前子頁面的網(wǎng)址重新生成一段HTML代碼，清空子頁面的網(wǎng)頁內(nèi)容，并將該HTML代碼輸出到子頁面顯示。用戶B，C，以及用戶A，B，C任意兩個或者三個發(fā)送網(wǎng)頁區(qū)塊同步消息指令，同步的過程都同上。本發(fā)明還公布了一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽系統(tǒng)，包括源用戶、通訊服務(wù)器、同步存儲服務(wù)器、目標(biāo)用戶通訊服務(wù)器將獲取的網(wǎng)頁區(qū)塊同步消息發(fā)送至同步存儲服務(wù)器；所述同步存儲服務(wù)器存儲并更新網(wǎng)頁區(qū)塊同步消息并將更新后的所述網(wǎng)頁區(qū)塊同步消息，發(fā)送至目標(biāo)用戶及源用戶。其中，通訊服務(wù)器獲取網(wǎng)頁區(qū)塊同步消息之前，還包括所述源用戶打開網(wǎng)頁，在文本框中輸入一個待同步給所述目標(biāo)用戶的網(wǎng)址。其中，所述源用戶創(chuàng)建子頁面，子頁面內(nèi)再創(chuàng)建一個子頁面，將網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容在子頁面中的子頁面打開，并將網(wǎng)址通過所述通訊服務(wù)器發(fā)送給所述目標(biāo)用戶。其中，所述源用戶選擇子頁面網(wǎng)頁內(nèi)容的一塊區(qū)域，將所述區(qū)域的坐標(biāo)位置，區(qū)域的尺寸組成一個網(wǎng)頁區(qū)塊同步消息指令發(fā)送給所述通訊服務(wù)器。本發(fā)明與現(xiàn)有技術(shù)相比具有以下優(yōu)點(diǎn)多個用戶可以即時同步瀏覽同一個網(wǎng)頁； 多個用戶可以即時同步瀏覽同一個網(wǎng)頁中的某一塊區(qū)域；被瀏覽器的區(qū)域由于是網(wǎng)頁形式，可以直接被點(diǎn)擊打開，而不像截圖那樣不能點(diǎn)擊。以上所述僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明，對于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽方法，其特征在于通訊服務(wù)器將獲取的網(wǎng)頁區(qū)塊同步消息發(fā)送至同步存儲服務(wù)器；所述同步存儲服務(wù)器存儲并更新網(wǎng)頁區(qū)塊同步消息并將更新后的所述網(wǎng)頁區(qū)塊同步消息，發(fā)送至目標(biāo)用戶及源用戶。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于通訊服務(wù)器獲取網(wǎng)頁區(qū)塊同步消息之前， 還包括所述源用戶打開網(wǎng)頁，在文本框中輸入一個待同步給所述目標(biāo)用戶的網(wǎng)址。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于所述源用戶創(chuàng)建子頁面，子頁面內(nèi)再創(chuàng)建一個子頁面，將網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容在子頁面中的子頁面打開，并將網(wǎng)址通過所述通訊服務(wù)器發(fā)送給所述目標(biāo)用戶。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于所述目標(biāo)用戶收到消息后，在網(wǎng)頁上創(chuàng)建一個子頁面，子頁面內(nèi)再創(chuàng)建一個子頁面，子頁面中的子頁面打開網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容。
5.根據(jù)權(quán)利要求4所述的方法，其特征在于所述源用戶選擇子頁面網(wǎng)頁內(nèi)容的一塊區(qū)域，將所述區(qū)域的坐標(biāo)位置，區(qū)域的尺寸組成一個網(wǎng)頁區(qū)塊同步消息指令發(fā)送給所述通訊服務(wù)器。
6.根據(jù)權(quán)利要求1所述的方法，其特征在于所述目標(biāo)用戶及源用戶收到網(wǎng)頁區(qū)塊同步消息后，將區(qū)域的坐標(biāo)位置、區(qū)域的尺寸和當(dāng)前子頁面的網(wǎng)址重新生成一段HTML代碼， 清空子頁面的網(wǎng)頁內(nèi)容，并將該HTML代碼輸出到子頁面顯示。
7.一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽系統(tǒng)，其特征在于，包括源用戶、通訊服務(wù)器、 同步存儲服務(wù)器、目標(biāo)用戶通訊服務(wù)器將獲取的網(wǎng)頁區(qū)塊同步消息發(fā)送至同步存儲服務(wù)器；所述同步存儲服務(wù)器存儲并更新網(wǎng)頁區(qū)塊同步消息并將更新后的所述網(wǎng)頁區(qū)塊同步消息，發(fā)送至目標(biāo)用戶及源用戶。
8.根據(jù)權(quán)利要求7所述的系統(tǒng)，其特征在于通訊服務(wù)器獲取網(wǎng)頁區(qū)塊同步消息之前， 還包括所述源用戶打開網(wǎng)頁，在文本框中輸入一個待同步給所述目標(biāo)用戶的網(wǎng)址。
9.根據(jù)權(quán)利要求8所述的系統(tǒng)，其特征在于所述源用戶創(chuàng)建子頁面，子頁面內(nèi)再創(chuàng)建一個子頁面，將網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容在子頁面中的子頁面打開，并將網(wǎng)址通過所述通訊服務(wù)器發(fā)送給所述目標(biāo)用戶。
10.根據(jù)權(quán)利要求9所述的系統(tǒng)，其特征在于所述源用戶選擇子頁面網(wǎng)頁內(nèi)容的一塊區(qū)域，將所述區(qū)域的坐標(biāo)位置，區(qū)域的尺寸組成一個網(wǎng)頁區(qū)塊同步消息指令發(fā)送給所述通訊服務(wù)器。
全文摘要
本發(fā)明提出了一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊安全同步瀏覽方法，包括以下步驟通訊服務(wù)器將獲取的網(wǎng)頁區(qū)塊同步消息發(fā)送至同步存儲服務(wù)器；所述同步存儲服務(wù)器存儲并更新網(wǎng)頁區(qū)塊同步消息并將更新后的所述網(wǎng)頁區(qū)塊同步消息，發(fā)送至目標(biāo)用戶及源用戶。本發(fā)明還公布了一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽系統(tǒng)，本發(fā)明提出了一種基于網(wǎng)頁的網(wǎng)頁區(qū)塊同步瀏覽方法及系統(tǒng)，實(shí)現(xiàn)了無需安裝下載任何軟件，即可實(shí)現(xiàn)網(wǎng)頁區(qū)塊同步。
文檔編號H04L29/08GK102163235SQ20111010545
公開日2011年8月24日 申請日期2011年4月26日 優(yōu)先權(quán)日2011年4月26日
發(fā)明者胡加明 申請人:蘇州闊地網(wǎng)絡(luò)科技有限公司