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

發(fā)明內(nèi)容
本發(fā)明提供一種基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽方法及系統(tǒng)以解決上述問題。本發(fā)明提供一種基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽方法，包括以下步驟。源用戶 依據(jù)注冊信息登錄社區(qū)交互平臺(tái)，調(diào)用應(yīng)用程序代碼，傳入注冊信息并請求通訊服務(wù)器。通 訊服務(wù)器返回即時(shí)通訊相關(guān)數(shù)據(jù)和資源至網(wǎng)頁，網(wǎng)頁解析獲得的即時(shí)通訊相關(guān)數(shù)據(jù)和資 源，生成即時(shí)通訊工具。通訊服務(wù)器將源用戶通過即時(shí)通訊工具發(fā)送的網(wǎng)頁區(qū)塊同步消息 發(fā)送至同步存儲(chǔ)服務(wù)器。同步存儲(chǔ)服務(wù)器存儲(chǔ)并更新網(wǎng)頁區(qū)塊同步消息，并將更新后的網(wǎng) 頁區(qū)塊同步消息通過即時(shí)通訊工具發(fā)送至目標(biāo)用戶及源用戶。本發(fā)明還提供一種基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽系統(tǒng)，包括源用戶、通訊服 務(wù)器、同步存儲(chǔ)服務(wù)器以及目標(biāo)用戶。其中，源用戶依據(jù)注冊信息登錄社區(qū)交互平臺(tái)，調(diào)用 應(yīng)用程序代碼，傳入注冊信息并請求通訊服務(wù)器，通訊服務(wù)器返回即時(shí)通訊相關(guān)數(shù)據(jù)和資 源至網(wǎng)頁，網(wǎng)頁解析獲得的所述即時(shí)通訊相關(guān)數(shù)據(jù)和資源，生成即時(shí)通訊工具。通訊服務(wù)器 將源用戶通過即時(shí)通訊工具發(fā)送的網(wǎng)頁區(qū)塊同步消息發(fā)送至同步存儲(chǔ)服務(wù)器，同步存儲(chǔ)服 務(wù)器存儲(chǔ)并更新所述網(wǎng)頁區(qū)塊同步消息，并將更新后的網(wǎng)頁區(qū)塊同步消息通過即時(shí)通訊工 具發(fā)送至目標(biāo)用戶及源用戶。根據(jù)本發(fā)明提供的基于社區(qū)平臺(tái)的網(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所示為根據(jù)本發(fā)明的較佳實(shí)施例提供的基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽 方法的流程圖；圖2所示為根據(jù)本發(fā)明的較佳實(shí)施例提供的基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽 系統(tǒng)的示意圖。
具體實(shí)施例方式下文中將參考附圖并結(jié)合實(shí)施例來詳細(xì)說明本發(fā)明。需要說明的是，在不沖突的 情況下，本申請中的實(shí)施例及實(shí)施例中的特征可以相互組合。圖1所示為根據(jù)本發(fā)明的較佳實(shí)施例提供的基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽 方法的流程圖。如圖1所示，上述方法包括以下步驟。步驟SlOO 源用戶登錄社區(qū)交互平臺(tái)，自動(dòng)生成即時(shí)通訊工具。具體而言，源用戶 根據(jù)在社區(qū)交互平臺(tái)的注冊信息，進(jìn)行登錄。其中，社區(qū)交互平臺(tái)包括但不限于個(gè)人門戶； 注冊信息包括但不限于郵箱、密碼。舉例而言，源用戶根據(jù)在個(gè)人門戶的郵箱、密碼，進(jìn)行登錄。同時(shí)，根據(jù)網(wǎng)頁上嵌入 的應(yīng)用程序編程接口(Application Programming Interface, API)代碼，傳入源用戶的郵 箱、密碼信息。應(yīng)用程序編程接口代碼請求通訊服務(wù)器，通訊服務(wù)器返回即時(shí)通訊相關(guān)數(shù)據(jù) (用戶設(shè)置數(shù)據(jù)、好友數(shù)據(jù)、群數(shù)據(jù)等)和資源(包括樣式表、腳本文件、圖片等)至網(wǎng)頁，網(wǎng) 頁按照門戶的樣式(皮膚)的規(guī)則，對數(shù)據(jù)和資源進(jìn)行解析和顯示，生成即時(shí)通訊工具。其 中，即時(shí)通訊工具是基于網(wǎng)頁生成的，無需下載任何客戶端軟件，從而避免某些莫名其妙的 軟件被不知不覺地安裝在自己的終端，以保證計(jì)算機(jī)的安全性。步驟SlOl 源用戶打開網(wǎng)頁，在文本框中輸入一個(gè)待同步給目標(biāo)用戶的網(wǎng)址。步驟S102 源用戶創(chuàng)建子頁面，子頁面內(nèi)再創(chuàng)建一個(gè)子頁面，將網(wǎng)址對應(yīng)的網(wǎng)頁 內(nèi)容在子頁面中的子頁面打開，并將網(wǎng)址通過即時(shí)通訊工具發(fā)送給目標(biāo)用戶。具體而言，其中步驟S102包含如下過程102a)源用戶創(chuàng)建一個(gè)iframe子頁面，并在該子頁面下再創(chuàng)建一個(gè)子頁面；102b)設(shè)置iframe子頁面中的子頁面的src屬性為待同步的網(wǎng)址，打開該子頁面 中的子頁面，設(shè)置子頁面的子頁面的寬為1500px，設(shè)置高為15000px ；102c)調(diào)用消息發(fā)送接口通過即時(shí)通訊工具將該網(wǎng)址發(fā)送給目標(biāo)用戶。步驟S103 :目標(biāo)用戶收到消息后，在網(wǎng)頁上創(chuàng)建一個(gè)子頁面，子頁面內(nèi)再創(chuàng)建一 個(gè)子頁面，子頁面中的子頁面打開網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容。具體而言，步驟S103包含如下過程103a)目標(biāo)用戶收到消息后，提取出網(wǎng)址，同時(shí)創(chuàng)建一個(gè)iframe子頁面，并在該子 頁面下再創(chuàng)建一個(gè)子頁面；103b)設(shè)置目標(biāo)用戶的iframe子頁面中的子頁面的src屬性為提取出的網(wǎng)址，并 打開該子頁面的子頁面。
步驟S104 源用戶選擇子頁面網(wǎng)頁內(nèi)容的一塊區(qū)域，將該區(qū)域的坐標(biāo)位置，區(qū)域 的尺寸組成一個(gè)網(wǎng)頁區(qū)塊同步消息指令通過即時(shí)通訊工具發(fā)送給通訊服務(wù)器，并由通訊服 務(wù)器發(fā)送給同步存儲(chǔ)服務(wù)器，同步存儲(chǔ)服務(wù)器存儲(chǔ)并更新網(wǎng)頁區(qū)塊同步消息，并將更新后 的網(wǎng)頁區(qū)塊同步消息，通過即時(shí)通訊工具發(fā)送給目標(biāo)用戶及源用戶；具體而言，步驟S104包含如下過程104a)源用戶的子頁面增力口鼠標(biāo)的 onmousedown、onmousemove、onmouseup 事件， 增加一個(gè)確定按鈕，并創(chuàng)建一個(gè)div用來直觀顯示用戶選取的區(qū)域；104b)源用戶選擇完成后，雙擊div或者按確定鍵，獲取div的坐標(biāo)和尺寸組成一 個(gè)網(wǎng)頁區(qū)塊同步消息指令，調(diào)用消息發(fā)送接口，通過即時(shí)通訊工具發(fā)送給通訊服務(wù)器；104c)通訊服務(wù)器將網(wǎng)頁區(qū)塊同步消息發(fā)送給同步存儲(chǔ)服務(wù)器，同步存儲(chǔ)服務(wù)器 存儲(chǔ)并更新網(wǎng)頁區(qū)塊同步消息，并將更新后的網(wǎng)頁區(qū)塊同步消息通過即時(shí)通訊工具發(fā)送給 目標(biāo)用戶及源用戶。步驟S105 :目標(biāo)用戶及源用戶收到網(wǎng)頁區(qū)塊同步消息后，將區(qū)域的坐標(biāo)位置、區(qū) 域的尺寸和當(dāng)前子頁面的網(wǎng)址重新生成一段HTML代碼，清空子頁面的網(wǎng)頁內(nèi)容，并將該 HTML代碼輸出到子頁面顯示。具體而言，步驟S105包含如下過程105a)目標(biāo)用戶收到網(wǎng)頁區(qū)塊同步消息后，從網(wǎng)頁區(qū)塊同步消息中取得源用戶選 取的區(qū)域的坐標(biāo)和尺寸；105b)將目標(biāo)用戶子頁面的子頁面的網(wǎng)址、區(qū)域的坐標(biāo)和區(qū)域的尺寸，生成一段 div 力 Π i frame 的 HTML 代碼。div 設(shè)置區(qū)域的尺寸，if fame 設(shè)置 margin-left、margin-top 屬性值為區(qū)域的χ坐標(biāo)、y坐標(biāo)；105c)清空目標(biāo)用戶的子頁面的網(wǎng)頁內(nèi)容；105d)將HTML代碼寫入子頁面運(yùn)行。圖2所示為根據(jù)本發(fā)明的較佳實(shí)施例提供的基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽 系統(tǒng)的示意圖?；谏鐓^(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽系統(tǒng)，包括源用戶、通訊服務(wù)器、同步存 儲(chǔ)服務(wù)器以及目標(biāo)用戶。其中，源用戶依據(jù)注冊信息登錄社區(qū)交互平臺(tái)，調(diào)用應(yīng)用程序代 碼，傳入注冊信息并請求通訊服務(wù)器，通訊服務(wù)器返回即時(shí)通訊相關(guān)數(shù)據(jù)和資源至網(wǎng)頁，網(wǎng) 頁解析獲得的所述即時(shí)通訊相關(guān)數(shù)據(jù)和資源，生成即時(shí)通訊工具。通訊服務(wù)器將源用戶通 過即時(shí)通訊工具發(fā)送的網(wǎng)頁區(qū)塊同步消息發(fā)送至同步存儲(chǔ)服務(wù)器，同步存儲(chǔ)服務(wù)器存儲(chǔ)并 更新網(wǎng)頁區(qū)塊同步消息，并將更新后的網(wǎng)頁區(qū)塊同步消息通過即時(shí)通訊工具發(fā)送至目標(biāo)用 戶及源用戶。如圖2所示，詳細(xì)說明如下。源用戶A打開網(wǎng)頁，在文本框中輸入一個(gè)待同步給目 標(biāo)用戶B、C的網(wǎng)址。源用戶A創(chuàng)建子頁面，子頁面內(nèi)再創(chuàng)建一個(gè)子頁面，將網(wǎng)址對應(yīng)的網(wǎng) 頁內(nèi)容在子頁面中的子頁面打開，并將網(wǎng)址通過即時(shí)通訊工具發(fā)送給目標(biāo)用戶B、C。目標(biāo) 用戶B、C收到消息后，在網(wǎng)頁上創(chuàng)建一個(gè)子頁面，子頁面內(nèi)再創(chuàng)建一個(gè)子頁面，子頁面中的 子頁面打開網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容。源用戶A選擇子頁面網(wǎng)頁內(nèi)容的一塊區(qū)域，將該區(qū)域的 坐標(biāo)位置，區(qū)域的尺寸組成一個(gè)網(wǎng)頁區(qū)塊同步消息指令通過即時(shí)通訊工具發(fā)送給通訊服務(wù) 器，通訊服務(wù)器將網(wǎng)頁區(qū)塊同步消息發(fā)送給同步存儲(chǔ)服務(wù)器，同步存儲(chǔ)服務(wù)器存儲(chǔ)并更新 網(wǎng)頁區(qū)塊同步消息，并將更新后的網(wǎng)頁區(qū)塊同步消息通過即時(shí)通訊工具發(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代碼 輸出到子頁面顯示。目標(biāo)用戶B，C，以及源用戶A，目標(biāo)用戶B，C任意兩個(gè)或者三個(gè)發(fā)送網(wǎng)頁區(qū)塊同步 消息指令，同步的過程都同上。本發(fā)明與現(xiàn)有技術(shù)相比具有以下優(yōu)點(diǎn)多個(gè)用戶可以即時(shí)同步瀏覽同一個(gè)網(wǎng)頁； 多個(gè)用戶可以即時(shí)同步瀏覽同一個(gè)網(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.一種基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽方法，其特征在于源用戶依據(jù)注冊信息登錄社區(qū)交互平臺(tái)，調(diào)用應(yīng)用程序代碼，傳入注冊信息并請求通 訊服務(wù)器，所述通訊服務(wù)器返回即時(shí)通訊相關(guān)數(shù)據(jù)和資源至網(wǎng)頁，所述網(wǎng)頁解析獲得的所 述即時(shí)通訊相關(guān)數(shù)據(jù)和資源，生成即時(shí)通訊工具；所述通訊服務(wù)器將所述源用戶通過所述即時(shí)通訊工具發(fā)送的網(wǎng)頁區(qū)塊同步消息發(fā)送 至同步存儲(chǔ)服務(wù)器；所述同步存儲(chǔ)服務(wù)器存儲(chǔ)并更新所述網(wǎng)頁區(qū)塊同步消息，并將更新后的所述網(wǎng)頁區(qū)塊 同步消息通過所述即時(shí)通訊工具發(fā)送至目標(biāo)用戶及所述源用戶。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，根據(jù)所述網(wǎng)頁上嵌入的應(yīng)用程序編程接 口代碼，傳入所述注冊信息，所述應(yīng)用程序編程接口代碼請求所述通訊服務(wù)器，所述通訊服 務(wù)器返回所述即時(shí)通訊相關(guān)數(shù)據(jù)和資源至所述網(wǎng)頁，所述網(wǎng)頁按照所述社區(qū)交互平臺(tái)的樣 式的規(guī)則，對所述數(shù)據(jù)和資源進(jìn)行解析和顯示，生成所述即時(shí)通訊工具。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述通訊服務(wù)器接收所述源用戶通過所 述即時(shí)通訊工具發(fā)送的所述網(wǎng)頁區(qū)塊同步消息之前，上述方法還包括所述源用戶打開網(wǎng) 頁，在文本框中輸入一個(gè)待同步給所述目標(biāo)用戶的網(wǎng)址。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述源用戶創(chuàng)建子頁面，子頁面內(nèi)再創(chuàng)建 一個(gè)子頁面，將所述網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi)容在子頁面中的子頁面打開，并將所述網(wǎng)址通過所 述即時(shí)通訊工具發(fā)送給所述目標(biāo)用戶。
5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述目標(biāo)用戶收到消息后，在網(wǎng)頁上創(chuàng)建 一個(gè)子頁面，子頁面內(nèi)再創(chuàng)建一個(gè)子頁面，子頁面中的子頁面打開所述網(wǎng)址對應(yīng)的網(wǎng)頁內(nèi) 容。
6.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述源用戶選擇子頁面網(wǎng)頁內(nèi)容的一塊 區(qū)域，將所述區(qū)域的坐標(biāo)位置，區(qū)域的尺寸組成一個(gè)網(wǎng)頁區(qū)塊同步消息指令通過所述即時(shí) 通訊工具發(fā)送給所述通訊服務(wù)器。
7.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述目標(biāo)用戶及所述源用戶收到所述 網(wǎng)頁區(qū)塊同步消息后，將區(qū)域的坐標(biāo)位置、區(qū)域的尺寸和當(dāng)前子頁面的網(wǎng)址重新生成一段 HTML代碼，清空子頁面的網(wǎng)頁內(nèi)容，并將該HTML代碼輸出到子頁面顯示。
8.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述注冊信息包括但不限于郵箱、密碼； 所述即時(shí)通訊相關(guān)數(shù)據(jù)包括但不限于用戶設(shè)置數(shù)據(jù)、好友數(shù)據(jù)、群數(shù)據(jù)；所述即時(shí)通訊相 關(guān)資源包括但不限于樣式表、腳本文件、圖片。
9.一種基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊同步瀏覽系統(tǒng)，其特征在于，包括源用戶、通訊服務(wù) 器、同步存儲(chǔ)服務(wù)器以及目標(biāo)用戶，其中，所述源用戶依據(jù)注冊信息登錄社區(qū)交互平臺(tái)，調(diào)用應(yīng)用程序代碼，傳入注冊信息 并請求所述通訊服務(wù)器，所述通訊服務(wù)器返回即時(shí)通訊相關(guān)數(shù)據(jù)和資源至網(wǎng)頁，所述網(wǎng)頁 解析獲得的所述即時(shí)通訊相關(guān)數(shù)據(jù)和資源，生成即時(shí)通訊工具，所述通訊服務(wù)器將所述源用戶通過所述即時(shí)通訊工具發(fā)送的網(wǎng)頁區(qū)塊同步消息發(fā)送 至同步存儲(chǔ)服務(wù)器，所述同步存儲(chǔ)服務(wù)器存儲(chǔ)并更新所述網(wǎng)頁區(qū)塊同步消息，并將更新后 的所述網(wǎng)頁區(qū)塊同步消息通過所述即時(shí)通訊工具發(fā)送至所述目標(biāo)用戶及所述源用戶。
10.根據(jù)權(quán)利要求9所述的系統(tǒng)，其特征在于，所述通訊服務(wù)器接收所述源用戶通過所述即時(shí)通訊工具發(fā)送的所述網(wǎng)頁區(qū)塊同步消息之前，上述方法還包括所述源用戶打開網(wǎng) 頁，在文本框中輸入一個(gè)待同步給所述目標(biāo)用戶的網(wǎng)址。
全文摘要
本發(fā)明提供一種基于社區(qū)平臺(tái)的網(wǎng)頁區(qū)塊安全同步瀏覽方法及系統(tǒng)。源用戶依據(jù)注冊信息登錄社區(qū)交互平臺(tái)，調(diào)用應(yīng)用程序代碼，傳入注冊信息并請求通訊服務(wù)器，通訊服務(wù)器返回即時(shí)通訊相關(guān)數(shù)據(jù)和資源至網(wǎng)頁，網(wǎng)頁解析獲得的即時(shí)通訊相關(guān)數(shù)據(jù)和資源，生成即時(shí)通訊工具。通訊服務(wù)器將源用戶通過即時(shí)通訊工具發(fā)送的網(wǎng)頁區(qū)塊同步消息發(fā)送至同步存儲(chǔ)服務(wù)器。同步存儲(chǔ)服務(wù)器存儲(chǔ)并更新網(wǎng)頁區(qū)塊同步消息并將更新后的網(wǎng)頁區(qū)塊同步消息，通過即時(shí)通訊工具發(fā)送至目標(biāo)用戶及源用戶。
文檔編號(hào)G06F17/30GK102137037SQ20111010415
公開日2011年7月27日 申請日期2011年4月25日 優(yōu)先權(quán)日2011年4月25日
發(fā)明者胡加明 申請人:蘇州闊地網(wǎng)絡(luò)科技有限公司