一種網(wǎng)頁(yè)雙向協(xié)同瀏覽方法
【專利摘要】本發(fā)明涉及一種網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，包括：同一組隊(duì)內(nèi)的協(xié)同瀏覽成員向協(xié)同瀏覽服務(wù)器發(fā)送請(qǐng)求，并通過(guò)協(xié)同瀏覽服務(wù)器關(guān)聯(lián)組隊(duì)；協(xié)同瀏覽各成員在自身瀏覽器創(chuàng)建用于顯示當(dāng)前代理網(wǎng)頁(yè)內(nèi)容的iFrame元素；同一組隊(duì)內(nèi)的協(xié)同瀏覽各成員的當(dāng)前代理網(wǎng)頁(yè)一致；協(xié)同瀏覽服務(wù)器根據(jù)協(xié)同瀏覽中帶領(lǐng)方的請(qǐng)求獲取目標(biāo)網(wǎng)頁(yè)生成代理網(wǎng)頁(yè)并更新當(dāng)前代理網(wǎng)頁(yè)；同一組隊(duì)內(nèi)的協(xié)同瀏覽各成員的瀏覽器監(jiān)控自身鼠標(biāo)移動(dòng)和頁(yè)面輸入，通過(guò)協(xié)同瀏覽服務(wù)器將自身變動(dòng)轉(zhuǎn)發(fā)給同一組隊(duì)內(nèi)的協(xié)同瀏覽其他成員，協(xié)同瀏覽其他成員的瀏覽器根據(jù)所述變動(dòng)在本地所述iFrame元素中更新對(duì)應(yīng)顯示。這種協(xié)同瀏覽方法能廣泛適用于各種終端和瀏覽器，并給用戶帶來(lái)更好更完整的協(xié)同體驗(yàn)。
【專利說(shuō)明】一種網(wǎng)頁(yè)雙向協(xié)同瀏覽方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及協(xié)同瀏覽技術(shù)，具體涉及一種基于HTML標(biāo)準(zhǔn)的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法。
【背景技術(shù)】
[0002]傳統(tǒng)的協(xié)同瀏覽技術(shù)通常出現(xiàn)和應(yīng)用在客服服務(wù)系統(tǒng)，網(wǎng)絡(luò)會(huì)議系統(tǒng)或者其它需要遠(yuǎn)程輔助用戶操作計(jì)算機(jī)的系統(tǒng)中。這種技術(shù)通常是通過(guò)實(shí)現(xiàn)特定的軟件，讓多個(gè)終端用戶通過(guò)計(jì)算機(jī)網(wǎng)絡(luò)的端到端的連接，或者通過(guò)服務(wù)器中轉(zhuǎn)的連接方式，進(jìn)行的文檔或者白板的遠(yuǎn)程共享、瀏覽、標(biāo)注等。隨著互連網(wǎng)的蓬勃發(fā)展，在這類領(lǐng)域，對(duì)網(wǎng)頁(yè)協(xié)同瀏覽的需求越來(lái)越多,對(duì)協(xié)同瀏覽的技術(shù)要求也越來(lái)越高。
[0003]目前國(guó)內(nèi)外網(wǎng)頁(yè)協(xié)同瀏覽的技術(shù)實(shí)現(xiàn)通常都基于專門的瀏覽軟件或者基于需要安裝Java Applet或者插件的瀏覽器，而且都存在諸如以下描述等中的一個(gè)或多個(gè)缺點(diǎn):
[0004]1.只能支持單向的網(wǎng)頁(yè)協(xié)同瀏覽。
[0005]2.只支持簡(jiǎn)單的URL網(wǎng)址同步瀏覽。
[0006]3.不能實(shí)現(xiàn)點(diǎn)擊頁(yè)面后的自動(dòng)同步頁(yè)面跳轉(zhuǎn)瀏覽。
[0007]4.不能兼容所有的瀏覽器，需要安裝插件或使用定制瀏覽器。
[0008]5.不能協(xié)同瀏覽頁(yè)面的鼠標(biāo)指針位置和滾動(dòng)內(nèi)容在瀏覽窗口中的位置。
[0009]6.不支持協(xié)同瀏覽雙方使用不同瀏覽器窗口和頁(yè)面大小進(jìn)行協(xié)同。
[0010]7.不能支持移動(dòng)設(shè)備上的瀏覽器。
[0011]8.不能訪問(wèn)HTTPS加密要求或者有跨域限制的網(wǎng)站頁(yè)面。
[0012]9.不能協(xié)同瀏覽的cookie數(shù)據(jù)。
[0013]10.不能代理瀏覽的AJAX請(qǐng)求。
[0014]11.不能協(xié)同完成頁(yè)面表單的填寫和提交。
[0015]12.需要代理所有的頁(yè)面資源訪問(wèn)請(qǐng)求，導(dǎo)致協(xié)同頁(yè)面訪問(wèn)緩慢。
[0016]13.不能實(shí)現(xiàn)協(xié)同瀏覽歷史記錄的回退、前進(jìn)。

【發(fā)明內(nèi)容】

[0017]本發(fā)明需要解決的技術(shù)問(wèn)題是，如何提供一種網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，能不受客戶端軟硬件和網(wǎng)絡(luò)地址受限影響、廣泛應(yīng)用且協(xié)同更全面更徹底更有效。
[0018]本發(fā)明的上述技術(shù)問(wèn)題這樣解決，構(gòu)建一種網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，利用協(xié)同瀏覽服務(wù)器和代理網(wǎng)頁(yè)，包括以下步驟:
[0019]同一組隊(duì)內(nèi)的協(xié)同瀏覽成員向協(xié)同瀏覽服務(wù)器發(fā)送請(qǐng)求，并通過(guò)協(xié)同瀏覽服務(wù)器關(guān)聯(lián)組隊(duì)；
[0020]協(xié)同瀏覽各成員在自身瀏覽器創(chuàng)建用于顯示當(dāng)前代理網(wǎng)頁(yè)內(nèi)容的HTML標(biāo)準(zhǔn)中的iFrame元素；同一組隊(duì)內(nèi)的協(xié)同瀏覽各成員的當(dāng)前代理網(wǎng)頁(yè)一致；
[0021]協(xié)同瀏覽服務(wù)器根據(jù)協(xié)同瀏覽中帶領(lǐng)方的請(qǐng)求獲取目標(biāo)網(wǎng)頁(yè)生成代理網(wǎng)頁(yè)并更新當(dāng)前代理網(wǎng)頁(yè)；
[0022]同一組隊(duì)內(nèi)的協(xié)同瀏覽各成員的瀏覽器監(jiān)控自身鼠標(biāo)移動(dòng)和頁(yè)面輸入，通過(guò)協(xié)同瀏覽服務(wù)器將自身變動(dòng)轉(zhuǎn)發(fā)給同一組隊(duì)內(nèi)的協(xié)同瀏覽其他成員，協(xié)同瀏覽其他成員的瀏覽器根據(jù)所述變動(dòng)在各自的所述iFrame元素中更新對(duì)應(yīng)顯示。
[0023]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，該方法這樣關(guān)聯(lián)組隊(duì):
[0024]201)客戶端登錄和認(rèn)證:
[0025]Ia)帶領(lǐng)方和跟隨方的瀏覽器首先都訪問(wèn)協(xié)同瀏覽服務(wù)器登錄頁(yè)面；
[0026]Ib)帶領(lǐng)方或跟隨方的在登錄頁(yè)面上輸入之前通過(guò)頁(yè)面注冊(cè)或者其它方式獲取的登錄息;
[0027]Ic)帶領(lǐng)方或跟隨方的瀏覽器將登陸信息發(fā)送到協(xié)同瀏覽服務(wù)器；
[0028]Id)協(xié)同瀏覽服務(wù)器從已注冊(cè)登錄信息數(shù)據(jù)庫(kù)中查詢和確認(rèn)登錄信息是否有效；
[0029]Ie)協(xié)同瀏覽服務(wù)器將登錄信息和當(dāng)前的客戶端連接信息關(guān)聯(lián)；
[0030]If)協(xié)同瀏覽服務(wù)器返回登錄成功頁(yè)面到帶領(lǐng)方和跟隨方的瀏覽器；
[0031]Ig)帶領(lǐng)方或跟隨方的瀏覽器加載和顯示登錄成功頁(yè)面；
[0032]202)協(xié)同瀏覽系統(tǒng)初始化:
[0033]2a)協(xié)同瀏覽服務(wù)器將所有已登錄的客戶端信息列表發(fā)送到帶領(lǐng)方和跟隨方的瀏
兄器；
[0034]2b)帶領(lǐng)方和跟隨方的瀏覽器顯示所有已登錄的客戶端信息列表；
[0035]2c)帶領(lǐng)方在列表上選擇要進(jìn)行協(xié)同瀏覽的跟隨方；
[0036]2d)帶領(lǐng)方瀏覽器將已選擇的跟隨方信息發(fā)送到協(xié)同瀏覽服務(wù)器；
[0037]2e)協(xié)同瀏覽服務(wù)器將協(xié)同瀏覽請(qǐng)求發(fā)送到已選擇的跟隨方瀏覽器；
[0038]2f)跟隨方瀏覽器顯示協(xié)同瀏覽請(qǐng)求對(duì)話框；
[0039]2g)跟隨方同意協(xié)同瀏覽請(qǐng)求；
[0040]2h)跟隨方瀏覽器將協(xié)同瀏覽答復(fù)發(fā)送到協(xié)同瀏覽服務(wù)器；
[0041]2i)協(xié)同瀏覽服務(wù)器將答復(fù)發(fā)送到帶領(lǐng)方瀏覽器；
[0042]2j)帶領(lǐng)方瀏覽器顯示協(xié)同瀏覽已確認(rèn)信息。
[0043]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，在協(xié)同瀏覽服務(wù)器生成代理網(wǎng)頁(yè)時(shí)，同時(shí)包括協(xié)同瀏覽服務(wù)器生成對(duì)應(yīng)URL地址并通知該同一組隊(duì)內(nèi)的協(xié)同瀏覽各方。
[0044]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，所述代理頁(yè)面緩存在協(xié)同瀏覽服務(wù)器中。
[0045]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，在生成代理網(wǎng)頁(yè)時(shí)重寫所述iFrame元素中頁(yè)面資源鏈接。
[0046]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，在向目標(biāo)網(wǎng)頁(yè)發(fā)起請(qǐng)求過(guò)程中保存或更新請(qǐng)求的Cookie。
[0047]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，所述帶領(lǐng)方的請(qǐng)求包括同一組隊(duì)內(nèi)的協(xié)同瀏覽任一成員在所述iFrame元素中點(diǎn)擊超鏈接。
[0048]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，所述帶領(lǐng)方的請(qǐng)求包括同一組隊(duì)內(nèi)的協(xié)同瀏覽任一成員在所述iFrame元素中網(wǎng)址欄中更新當(dāng)前網(wǎng)址。
[0049]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，同一組隊(duì)內(nèi)的協(xié)同瀏覽各成員的瀏覽器監(jiān)控瀏覽歷史記錄列表指令和后退/前進(jìn)指令，發(fā)送給協(xié)同瀏覽服務(wù)器并轉(zhuǎn)發(fā)給同一組隊(duì)內(nèi)的協(xié)同瀏覽其他成員，協(xié)同瀏覽服務(wù)器根據(jù)所述指令更新當(dāng)前代理頁(yè)面。
[0050]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，帶領(lǐng)方是同一組隊(duì)中任一成員，跟隨方是其他成員；同一組隊(duì)內(nèi)有一個(gè)帶領(lǐng)方，一個(gè)或多個(gè)跟隨方；隨時(shí)間不同，同一組隊(duì)內(nèi)的帶領(lǐng)方是同一成員或不同成員。
[0051]按照本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，包括以下具體步驟:
[0052]1001)客戶端登錄和認(rèn)證:
[0053]Ia)帶領(lǐng)方和跟隨方的瀏覽器首先都訪問(wèn)協(xié)同瀏覽服務(wù)器登錄頁(yè)面；
[0054]Ib)帶領(lǐng)方或跟隨方的在登錄頁(yè)面上輸入之前通過(guò)頁(yè)面注冊(cè)或者其它方式獲取的登錄息;
[0055]Ic)帶領(lǐng)方或跟隨方的瀏覽器將登陸信息發(fā)送到協(xié)同瀏覽服務(wù)器；
[0056]Id)協(xié)同瀏覽服務(wù)器從已注冊(cè)登錄信息數(shù)據(jù)庫(kù)中查詢和確認(rèn)登錄信息是否有效；
[0057]Ie)協(xié)同瀏覽服務(wù)器將登錄信息和當(dāng)前的客戶端連接信息關(guān)聯(lián)；
[0058]If)協(xié)同瀏覽服務(wù)器返回登錄成功頁(yè)面到帶領(lǐng)方和跟隨方的瀏覽器；
[0059]Ig)帶領(lǐng)方或跟隨方的瀏覽器加載和顯示登錄成功頁(yè)面；
[0060]1002)協(xié)同瀏覽系統(tǒng)初始化:
[0061]2a)協(xié)同瀏覽服務(wù)器將所有已登錄的客戶端信息列表發(fā)送到帶領(lǐng)方和跟隨方的瀏
兄器；
[0062]2b)帶領(lǐng)方和跟隨方的瀏覽器顯示所有已登錄的客戶端信息列表；
[0063]2c)帶領(lǐng)方在列表上選擇要進(jìn)行協(xié)同瀏覽的跟隨方；
[0064]2d)帶領(lǐng)方瀏覽器將已選擇的跟隨方信息發(fā)送到協(xié)同瀏覽服務(wù)器；
[0065]2e)協(xié)同瀏覽服務(wù)器將協(xié)同瀏覽請(qǐng)求發(fā)送到已選擇的跟隨方瀏覽器；
[0066]2f)跟隨方瀏覽器顯示協(xié)同瀏覽請(qǐng)求對(duì)話框；
[0067]2g)跟隨方同意協(xié)同瀏覽請(qǐng)求；
[0068]2h)跟隨方瀏覽器將協(xié)同瀏覽答復(fù)發(fā)送到協(xié)同瀏覽服務(wù)器；
[0069]2i)協(xié)同瀏覽服務(wù)器將答復(fù)發(fā)送到帶領(lǐng)方瀏覽器；
[0070]2j)帶領(lǐng)方瀏覽器顯示協(xié)同瀏覽已確認(rèn)信息；
[0071]2k)帶領(lǐng)方和跟隨方的瀏覽器向協(xié)同瀏覽服務(wù)器請(qǐng)求包含協(xié)同瀏覽控制代碼的頁(yè)面；
[0072]21)協(xié)同瀏覽服務(wù)器返回協(xié)同瀏覽控制代碼和頁(yè)面資源；
[0073]2m)帶領(lǐng)方和跟隨方的瀏覽器加載協(xié)同瀏覽控制代碼和頁(yè)面資源，并創(chuàng)建用于顯示協(xié)同瀏覽內(nèi)容的iFrame ；
[0074]1003)帶領(lǐng)方在協(xié)同瀏覽控制頁(yè)面上發(fā)起協(xié)同瀏覽網(wǎng)頁(yè)請(qǐng)求:
[0075]3a)控制頁(yè)面代碼生成包含協(xié)同瀏覽目標(biāo)網(wǎng)頁(yè)URL的請(qǐng)求包；
[0076]3b)控制頁(yè)面將請(qǐng)求包發(fā)送到協(xié)同瀏覽服務(wù)器；
[0077]3c)協(xié)同瀏覽服務(wù)器根據(jù)協(xié)同瀏覽目標(biāo)網(wǎng)頁(yè)URL和自己的URL地址生成代理網(wǎng)頁(yè)URL ；
[0078]3d)協(xié)同瀏覽服務(wù)器將代理網(wǎng)頁(yè)URL地址返回給帶領(lǐng)方控制頁(yè)面；
[0079]3e)帶領(lǐng)方在iFrame中加載代理網(wǎng)頁(yè)；[0080]1004)協(xié)同瀏覽服務(wù)器收到代理網(wǎng)頁(yè)訪問(wèn)請(qǐng)求會(huì)嘗試緩存請(qǐng)求的Cookie:
[0081]4a)協(xié)同瀏覽服務(wù)器首先檢查是否有保存請(qǐng)求的Cookie ；
[0082]4b)如果有保存請(qǐng)求的Cookie,更新已保存的Cookie ；
[0083]4c)如果沒(méi)有保存請(qǐng)求的Cookie，將Cookie保存；
[0084]1005)協(xié)同瀏覽服務(wù)器代理頁(yè)面請(qǐng)求:
[0085]5a)協(xié)同瀏覽服務(wù)器將頁(yè)面請(qǐng)求發(fā)送到原始頁(yè)面服務(wù)器；
[0086]5b)協(xié)同瀏覽服務(wù)器接收原始頁(yè)面服務(wù)器的HTTP響應(yīng)；
[0087]5c)協(xié)同瀏覽服務(wù)器保存原始頁(yè)面服務(wù)器的HTTP響應(yīng)；
[0088]5d)協(xié)同瀏覽服務(wù)器修改原始頁(yè)面服務(wù)器的HTTP響應(yīng)的協(xié)議頭和內(nèi)容，處理頁(yè)面未修改，頁(yè)面重定向，X-Frame-Options等；
[0089]5e)協(xié)同瀏覽服務(wù)器將修改后的HTTP響應(yīng)返回給帶領(lǐng)方的瀏覽器；
[0090]5f)帶領(lǐng)方的瀏覽器iFrame加載代理后的頁(yè)面內(nèi)容；
[0091]1006)協(xié)同瀏覽服務(wù)器通知跟隨方訪問(wèn)代理網(wǎng)頁(yè)URL:
[0092]6a)協(xié)同瀏覽服務(wù)器收到跟隨方訪問(wèn)請(qǐng)求，檢查是否已緩存HTTP響應(yīng)；
[0093]6b)協(xié)同瀏覽服務(wù)器將緩存的HTTP響應(yīng)返回跟隨方瀏覽器；
[0094]1007)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼都會(huì)重寫頁(yè)面資源鏈接:
[0095]7a)帶領(lǐng)方和跟隨方的iFrame加載協(xié)同瀏覽服務(wù)器返回的代理頁(yè)面和修改后的頁(yè)面內(nèi)容；
[0096]7b)協(xié)同瀏覽控制代碼查詢頁(yè)面上所有的資源鏈接；
[0097]7c)協(xié)同瀏覽控制代碼將所有相對(duì)路徑的資源鏈接改為指向原始頁(yè)面服務(wù)器的絕對(duì)路徑；
[0098]7d)帶領(lǐng)方和跟隨方的瀏覽器向原始頁(yè)面服務(wù)器請(qǐng)求資源；
[0099]7e)原始頁(yè)面服務(wù)器返回請(qǐng)求的資源；
[0100]7f)帶領(lǐng)方和跟隨方的瀏覽器加載資源刷新顯示；
[0101]1008)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控超鏈接點(diǎn)擊跳轉(zhuǎn):
[0102]8a)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)iFrame中加載的頁(yè)面上的所有鏈接的點(diǎn)擊事件；
[0103]Sb)在點(diǎn)擊事件觸發(fā)時(shí)，截獲該事件，并阻止默認(rèn)的事件響應(yīng)；
[0104]Sc)將鏈接跳轉(zhuǎn)的原始URL地址發(fā)送到協(xié)同瀏覽服務(wù)器；
[0105]8d)協(xié)同瀏覽服務(wù)器生成代理的URL地址；
[0106]Se)協(xié)同瀏覽服務(wù)器將代理URL地址通知到帶領(lǐng)方和跟隨方瀏覽器的控制代碼；
[0107]8f)帶領(lǐng)方和跟隨方的控制代碼控制iFrame跳轉(zhuǎn)和加載新的代理URL ；
[0108]1009)帶領(lǐng)方的協(xié)同瀏覽控制代碼會(huì)監(jiān)控鼠標(biāo)指針的移動(dòng):
[0109]9a)帶領(lǐng)方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)鼠標(biāo)移動(dòng)事件；
[0110]9b)在鼠標(biāo)移動(dòng)事件觸發(fā)并停止后的一個(gè)短的時(shí)間，協(xié)同瀏覽控制代碼調(diào)用HTMLDocument的eIementFromPoint API查找鼠標(biāo)指針當(dāng)前指向的頁(yè)面DOM兀素；
[0111]9c)帶領(lǐng)方的協(xié)同瀏覽控制代碼回溯指針當(dāng)前指向的頁(yè)面DOM元素的父節(jié)點(diǎn)直到頁(yè)面根節(jié)點(diǎn)DOM元素；
[0112]9d)帶領(lǐng)方的協(xié)同瀏覽控制代碼生成指針當(dāng)前指向的頁(yè)面DOM元素在頁(yè)面上的位置的XPath描述；
[0113]9e)帶領(lǐng)方的協(xié)同瀏覽控制代碼將XPath描述發(fā)送到協(xié)同瀏覽服務(wù)器；
[0114]9f)協(xié)同瀏覽服務(wù)器將XPath描述發(fā)送到跟隨方的協(xié)同瀏覽控制代碼；
[0115]9g)跟隨方的協(xié)同瀏覽控制代碼調(diào)用HTML Document的evaluate API找到相同的DOM元素；
[0116]9h)跟隨方的協(xié)同瀏覽控制代碼調(diào)用iFrame的HTML Window的scrollBy API滾動(dòng)頁(yè)面使相同的DOM元素能在瀏覽器窗口中顯示；
[0117]9i)跟隨方的協(xié)同瀏覽控制代碼在相同的DOM元素上方顯示一個(gè)鼠標(biāo)指針圖標(biāo)，標(biāo)示帶領(lǐng)方當(dāng)前指向的內(nèi)容；
[0118]1010)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控頁(yè)面輸入:
[0119]IOa)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)頁(yè)面上的所有input輸入元素的change, focus 輸入事件。
[0120]IOb)在任何一方的頁(yè)面上的輸入事件被觸發(fā)后，該方的協(xié)同瀏覽控制代碼獲取當(dāng)前輸入的內(nèi)容和當(dāng)前輸入元素的XPath描述；
[0121]IOc)該方的協(xié)同瀏覽控制代碼將輸入的內(nèi)容和輸入元素的XPath描述發(fā)送到協(xié)同瀏覽服務(wù)器；
[0122]IOd)協(xié)同瀏覽服務(wù)器再將輸入的內(nèi)容和輸入元素的XPath描述轉(zhuǎn)發(fā)到另一方；
[0123]IOe)另一方的協(xié)同瀏覽控制代碼調(diào)用HTML Document的evaluate API找到相同的輸入元素，并修改輸入元素的內(nèi)容和刷新顯示；
[0124]1011)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控頁(yè)面上的AJAX請(qǐng)求:
[0125]Ila)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼重載和實(shí)現(xiàn)各種瀏覽器版本的XMLHttpRequest 對(duì)象；
[0126]Ilb)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)并截獲XMLHttpRequest的AJAX請(qǐng)求；
[0127]He)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼將AJAX請(qǐng)求發(fā)送到代理服務(wù)器；
[0128]Ild)代理服務(wù)器代理AJAX請(qǐng)求到原始頁(yè)面服務(wù)器；
[0129]He)原始頁(yè)面服務(wù)器返回AJAX響應(yīng)到代理服務(wù)器；
[0130]Hf)代理服務(wù)器將AJAX響應(yīng)返回到協(xié)同瀏覽控制代碼；
[0131]1012)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控頁(yè)面上的FORM表單請(qǐng)求:
[0132]12a)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)頁(yè)面上所有的表單提交事件；
[0133]12b)在任何一方的表單提交事件觸發(fā)時(shí)，阻止表單提交，并修改和將表單發(fā)送到協(xié)同瀏覽服務(wù)器；
[0134]12c)協(xié)同瀏覽服務(wù)器修改表單內(nèi)容后將表單發(fā)送到原始頁(yè)面服務(wù)器；
[0135]12d)協(xié)同瀏覽服務(wù)器將原始頁(yè)面服務(wù)器的表單響應(yīng)返回到表單提交方的瀏覽器；
[0136]12e)協(xié)同瀏覽服務(wù)器將原始頁(yè)面服務(wù)器的表單響應(yīng)緩存，并轉(zhuǎn)發(fā)到另一方的瀏覽器。
[0137]本發(fā)明提供的網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，與現(xiàn)有技術(shù)相比，解決了現(xiàn)有的協(xié)同網(wǎng)頁(yè)瀏覽技術(shù)所遇到的各種問(wèn)題，將協(xié)同瀏覽的技術(shù)提高到了一個(gè)新的水平，給協(xié)同瀏覽的用戶帶來(lái)更好的體驗(yàn)，具體包括但不限制于以下優(yōu)勢(shì):
[0138]1、保存和還原請(qǐng)求的cookie能保證協(xié)同瀏覽支持需要登錄認(rèn)證的頁(yè)面訪問(wèn)的cookie和session數(shù)據(jù)在頁(yè)面跳轉(zhuǎn)過(guò)程和代理訪問(wèn)時(shí)不會(huì)丟失；
[0139]2、協(xié)同瀏覽服務(wù)器代理HTTP請(qǐng)求和響應(yīng)，使帶領(lǐng)方和跟隨方始終看到相同的網(wǎng)頁(yè)內(nèi)容，并且在原始服務(wù)器看來(lái)只有一個(gè)客戶端在訪問(wèn)，不會(huì)導(dǎo)致客戶端地址限制和認(rèn)證問(wèn)題。實(shí)現(xiàn)真正的網(wǎng)頁(yè)協(xié)同訪問(wèn)；
[0140]3、通過(guò)重寫頁(yè)面資源鏈接，保證所有的資源(如圖片，視頻，腳本等)能不通過(guò)協(xié)同瀏覽服務(wù)器代理獲取，將協(xié)同瀏覽服務(wù)器的負(fù)載壓力減少到最??；
[0141]4、協(xié)同瀏覽的跟隨方不需要手動(dòng)滾動(dòng)窗口就能看到和帶領(lǐng)方一樣的頁(yè)面內(nèi)容，并知道當(dāng)前帶領(lǐng)方鼠標(biāo)指向的準(zhǔn)確位置，即使雙方在不同的設(shè)備上，使用不同品牌和大小的瀏覽器；
[0142]5、協(xié)同瀏覽的任何一方隨時(shí)能看到另一方在頁(yè)面上的輸入了什么內(nèi)容，并自動(dòng)輸入相同的內(nèi)容；
[0143]6、協(xié)同瀏覽的任何一方頁(yè)面都能獲得實(shí)時(shí)的AJAX請(qǐng)求內(nèi)容；
[0144]7、協(xié)同瀏覽的任何一方頁(yè)面表單提交都能在雙方的瀏覽器中看到相同的表單提交結(jié)果頁(yè)面，而在原始頁(yè)面服務(wù)器看來(lái)只有一個(gè)客戶端在與它進(jìn)行通信；
[0145]8、協(xié)同瀏覽帶領(lǐng)方和跟隨方可以通過(guò)協(xié)同瀏覽控制頁(yè)面界面隨時(shí)交換角色，讓帶領(lǐng)方變?yōu)楦S方，跟隨方變?yōu)閹ьI(lǐng)方，實(shí)現(xiàn)雙向的協(xié)同瀏覽；
[0146]9、協(xié)同瀏覽過(guò)程中，協(xié)同瀏覽帶領(lǐng)方和跟隨方可以通過(guò)協(xié)同瀏覽控制頁(yè)面界面上的瀏覽歷史記錄列表和后退，前進(jìn)按鈕實(shí)現(xiàn)歷史瀏覽的同步。
【專利附圖】

【附圖說(shuō)明】
[0147]下面結(jié)合附圖和具體實(shí)施例進(jìn)一步對(duì)本發(fā)明進(jìn)行詳細(xì)說(shuō)明。
[0148]圖1是本發(fā)明網(wǎng)頁(yè)雙向協(xié)同瀏覽系統(tǒng)架構(gòu)示意圖；
[0149]圖2是圖1所示系統(tǒng)的控制流程圖-1 ；
[0150]圖3是圖1所示系統(tǒng)的控制流程圖-2 ；
[0151]圖4是圖1所示系統(tǒng)的控制流程圖-3 ；
[0152]圖5是本發(fā)明客服協(xié)同瀏覽界面；
[0153]圖6是本發(fā)明訪客協(xié)同瀏覽界面。
【具體實(shí)施方式】
[0154]如圖1所示，本發(fā)明優(yōu)選實(shí)施例的協(xié)同瀏覽系統(tǒng)是最簡(jiǎn)系統(tǒng)，僅包括一個(gè)帶領(lǐng)方、一個(gè)跟隨方和一個(gè)協(xié)同瀏覽服務(wù)器，帶領(lǐng)方和跟隨方通過(guò)協(xié)同瀏覽服務(wù)器與目標(biāo)網(wǎng)頁(yè)(即:原始網(wǎng)站頁(yè)面服務(wù)器)連接。而本
【發(fā)明內(nèi)容】
描述的協(xié)同瀏覽系統(tǒng)中帶領(lǐng)方可以是一個(gè)臺(tái)式機(jī)或者移動(dòng)設(shè)備上的瀏覽器，跟隨方是一個(gè)或多個(gè)臺(tái)式機(jī)或者移動(dòng)設(shè)備上的瀏覽器。
[0155]如圖2-4所示，該最簡(jiǎn)系統(tǒng)的關(guān)鍵實(shí)現(xiàn)步驟和技術(shù)描述如下:
[0156]1，客戶端登錄和認(rèn)證:
[0157]a)帶領(lǐng)方和跟隨方的瀏覽器都首先需要訪問(wèn)協(xié)同瀏覽服務(wù)器登錄頁(yè)面。
[0158]b)帶領(lǐng)方或跟隨方的在登錄頁(yè)面上輸入之前通過(guò)頁(yè)面注冊(cè)或者其它方式獲取的登錄息。
[0159]c)帶領(lǐng)方或跟隨方的瀏覽器將登陸信息發(fā)送到協(xié)同瀏覽服務(wù)器。
[0160]d)協(xié)同瀏覽服務(wù)器從已注冊(cè)登錄信息數(shù)據(jù)庫(kù)中查詢和確認(rèn)登錄信息是否有效。
[0161]e)協(xié)同瀏覽服務(wù)器將登錄信息和當(dāng)前的客戶端連接信息關(guān)聯(lián)。
[0162]f)協(xié)同瀏覽服務(wù)器返回登錄成功頁(yè)面到帶領(lǐng)方和跟隨方的瀏覽器。
[0163]g)帶領(lǐng)方或跟隨方的瀏覽器加載和顯示登錄成功頁(yè)面。
[0164]2，協(xié)同瀏覽系統(tǒng)初始化:
[0165]a)協(xié)同瀏覽服務(wù)器將所有已登錄的客戶端信息列表發(fā)送到帶領(lǐng)方和跟隨方的瀏
IrWSB
JaL-HPT O
[0166]b)帶領(lǐng)方和跟隨方的瀏覽器顯示所有已登錄的客戶端信息列表。
[0167]c)帶領(lǐng)方在列表上選擇要進(jìn)行協(xié)同瀏覽的跟隨方。
[0168]d)帶領(lǐng)方瀏覽器將已選擇的跟隨方信息發(fā)送到協(xié)同瀏覽服務(wù)器。
[0169]e)協(xié)同瀏覽服務(wù)器將協(xié)同瀏覽請(qǐng)求發(fā)送到已選擇的跟隨方瀏覽器。
[0170]f)跟隨方瀏覽器顯示協(xié)同瀏覽請(qǐng)求對(duì)話框。
[0171]g)跟隨方同意協(xié)同瀏覽請(qǐng)求。
[0172]h)跟隨方瀏覽器將協(xié)同瀏覽答復(fù)發(fā)送到協(xié)同瀏覽服務(wù)器。
[0173]i)協(xié)同瀏覽服務(wù)器將答復(fù)發(fā)送到帶領(lǐng)方瀏覽器。
[0174]j)帶領(lǐng)方瀏覽器顯示協(xié)同瀏覽已確認(rèn)信息。
[0175]k)帶領(lǐng)方和跟隨方的瀏覽器向協(xié)同瀏覽服務(wù)器請(qǐng)求包含協(xié)同瀏覽控制代碼的頁(yè)面。
[0176]I)協(xié)同瀏覽服務(wù)器返回協(xié)同瀏覽控制代碼和頁(yè)面資源。
[0177]m)帶領(lǐng)方和跟隨方的瀏覽器加載協(xié)同瀏覽控制代碼和頁(yè)面資源，并創(chuàng)建用于顯示協(xié)同瀏覽內(nèi)容的iFrame。
[0178]3，帶領(lǐng)方在協(xié)同瀏覽控制頁(yè)面上發(fā)起協(xié)同瀏覽網(wǎng)頁(yè)請(qǐng)求:
[0179]a)控制頁(yè)面代碼生成包含協(xié)同瀏覽目標(biāo)網(wǎng)頁(yè)URL的請(qǐng)求包。
[0180]b)控制頁(yè)面將請(qǐng)求包發(fā)送到協(xié)同瀏覽服務(wù)器。
[0181]c)協(xié)同瀏覽服務(wù)器根據(jù)協(xié)同瀏覽目標(biāo)網(wǎng)頁(yè)URL和自己的URL地址生成代理網(wǎng)頁(yè)URL。
[0182]d)協(xié)同瀏覽服務(wù)器將代理網(wǎng)頁(yè)URL地址返回給帶領(lǐng)方控制頁(yè)面。
[0183]e)帶領(lǐng)方在iFrame中加載代理網(wǎng)頁(yè)。
[0184]4，協(xié)同瀏覽服務(wù)器收到代理網(wǎng)頁(yè)訪問(wèn)請(qǐng)求會(huì)嘗試緩存請(qǐng)求的Cookie:
[0185]a)協(xié)同瀏覽服務(wù)器首先檢查是否有保存請(qǐng)求的Cookie。
[0186]b)如果有保存請(qǐng)求的Cookie,更新已保存的Cookie。
[0187]c)如果沒(méi)有保存請(qǐng)求的Cookie,將Cookie保存。
[0188]保存和還原請(qǐng)求的cookie能保證協(xié)同瀏覽支持需要登錄認(rèn)證的頁(yè)面訪問(wèn)的cookie和session數(shù)據(jù)在頁(yè)面跳轉(zhuǎn)過(guò)程和代理訪問(wèn)時(shí)不會(huì)丟失。
[0189]5，協(xié)同瀏覽服務(wù)器代理頁(yè)面請(qǐng)求:
[0190]a)協(xié)同瀏覽服務(wù)器將頁(yè)面請(qǐng)求發(fā)送到原始頁(yè)面服務(wù)器。
[0191]b)協(xié)同瀏覽服務(wù)器接收原始頁(yè)面服務(wù)器的HTTP響應(yīng)。[0192]c)協(xié)同瀏覽服務(wù)器保存原始頁(yè)面服務(wù)器的HTTP響應(yīng)。
[0193]d)協(xié)同瀏覽服務(wù)器修改原始頁(yè)面服務(wù)器的HTTP響應(yīng)的協(xié)議頭和內(nèi)容，處理頁(yè)面未修改，頁(yè)面重定向，X-Frame-Options等。
[0194]e)協(xié)同瀏覽服務(wù)器將修改后的HTTP響應(yīng)返回給帶領(lǐng)方的瀏覽器。
[0195]f)帶領(lǐng)方的瀏覽器iFrame加載代理后的頁(yè)面內(nèi)容。
[0196]6，協(xié)同瀏覽服務(wù)器通知跟隨方訪問(wèn)代理網(wǎng)頁(yè)URL:
[0197]a)協(xié)同瀏覽服務(wù)器收到跟隨方訪問(wèn)請(qǐng)求，檢查是否已緩存HTTP響應(yīng)。
[0198]b)協(xié)同瀏覽服務(wù)器將緩存的HTTP響應(yīng)返回跟隨方瀏覽器。
[0199]協(xié)同瀏覽服務(wù)器代理HTTP請(qǐng)求和響應(yīng)，使帶領(lǐng)方和跟隨方始終看到相同的網(wǎng)頁(yè)內(nèi)容，并且在原始服務(wù)器看來(lái)只有一個(gè)客戶端在訪問(wèn)，不會(huì)導(dǎo)致客戶端地址限制和認(rèn)證問(wèn)題。實(shí)現(xiàn)真正的網(wǎng)頁(yè)協(xié)同訪問(wèn)。
[0200]7，帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼都會(huì)重寫頁(yè)面資源鏈接:
[0201]a)帶領(lǐng)方和跟隨方的iFrame加載協(xié)同瀏覽服務(wù)器返回的代理和修改后的頁(yè)面內(nèi)容。
[0202]b)協(xié)同瀏覽控制代碼查詢頁(yè)面上所有的資源鏈接。
[0203]c)協(xié)同瀏覽控制代碼將所有相對(duì)路徑的資源鏈接改為指向原始頁(yè)面服務(wù)器的絕對(duì)路徑。
[0204]d)帶領(lǐng)方和跟隨方的瀏覽器向原始頁(yè)面服務(wù)器請(qǐng)求資源。
[0205]e)原始頁(yè)面服務(wù)器返回請(qǐng)求的資源。
[0206]f)帶領(lǐng)方和跟隨方的瀏覽器加載資源刷新顯示。
[0207]通過(guò)重寫頁(yè)面資源鏈接，保證所有的資源(如圖片，視頻，腳本等)能不通過(guò)協(xié)同瀏覽服務(wù)器代理獲取，將協(xié)同瀏覽服務(wù)器的負(fù)載壓力減少到最小。
[0208]8，帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控超鏈接點(diǎn)擊跳轉(zhuǎn):
[0209]a)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)iFrame中加載的頁(yè)面上的所有鏈接的點(diǎn)擊事件。
[0210]b)在點(diǎn)擊事件觸發(fā)時(shí)，截獲該事件，并阻止默認(rèn)的事件響應(yīng)。
[0211]c)將鏈接跳轉(zhuǎn)的原始URL地址發(fā)送到協(xié)同瀏覽服務(wù)器。
[0212]d)協(xié)同瀏覽服務(wù)器生成代理的URL地址。
[0213]e)協(xié)同瀏覽服務(wù)器將代理URL地址通知到帶領(lǐng)方和跟隨方瀏覽器的控制代碼。
[0214]f)帶領(lǐng)方和跟隨方的控制代碼控制iFrame跳轉(zhuǎn)和加載新的代理URL。
[0215]通過(guò)監(jiān)控超鏈接點(diǎn)擊跳轉(zhuǎn)，保證帶領(lǐng)方和跟隨方在瀏覽網(wǎng)頁(yè)過(guò)程中能隨時(shí)跳轉(zhuǎn)到相同的頁(yè)面。
[0216]9，帶領(lǐng)方的協(xié)同瀏覽控制代碼會(huì)監(jiān)控鼠標(biāo)指針的移動(dòng):
[0217]a)帶領(lǐng)方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)鼠標(biāo)移動(dòng)事件。
[0218]b)在鼠標(biāo)移動(dòng)事件觸發(fā)并停止后的一個(gè)短的時(shí)間，協(xié)同瀏覽控制代碼調(diào)用HTMLDocument的eIementFromPoint API查找鼠標(biāo)指針當(dāng)前指向的頁(yè)面DOM兀素。
[0219]c)帶領(lǐng)方的協(xié)同瀏覽控制代碼回溯指針當(dāng)前指向的頁(yè)面DOM元素的父節(jié)點(diǎn)直到頁(yè)面根節(jié)點(diǎn)DOM元素。
[0220]d)帶領(lǐng)方的協(xié)同瀏覽控制代碼生成指針當(dāng)前指向的頁(yè)面DOM元素在頁(yè)面上的位置的XPath描述(XPath即XML路徑語(yǔ)言，是XPath是W3C XSLT標(biāo)準(zhǔn)的主要元素)。
[0221]e)帶領(lǐng)方的協(xié)同瀏覽控制代碼將XPath描述發(fā)送到協(xié)同瀏覽服務(wù)器。
[0222]f)協(xié)同瀏覽服務(wù)器將XPath描述發(fā)送到跟隨方的協(xié)同瀏覽控制代碼。
[0223]g)跟隨方的協(xié)同瀏覽控制代碼調(diào)用HTML Document的evaluate API (部分瀏覽器下使用Google的wgxpath JS庫(kù)實(shí)現(xiàn))找到相同的DOM元素。
[0224]h)跟隨方的協(xié)同瀏覽控制代碼調(diào)用iFrame的HTML Window的scrollBy API滾動(dòng)頁(yè)面使相同的DOM元素能在瀏覽器窗口中顯示。
[0225]i)跟隨方的協(xié)同瀏覽控制代碼在相同的DOM元素上方顯示一個(gè)鼠標(biāo)指針圖標(biāo)，標(biāo)示帶領(lǐng)方當(dāng)前指向的內(nèi)容。
[0226]通過(guò)該技術(shù)實(shí)現(xiàn)，協(xié)同瀏覽的跟隨方不需要手動(dòng)滾動(dòng)窗口就能看到和帶領(lǐng)方一樣的頁(yè)面內(nèi)容，并知道當(dāng)前帶領(lǐng)方鼠標(biāo)指向的準(zhǔn)確位置，即使雙方在不同的設(shè)備上，使用不同品牌和大小的瀏覽器。
[0227]10，帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控頁(yè)面輸入:
[0228]a)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)頁(yè)面上的所有input輸入元素的change, focus 輸入事件。
[0229]b)在任何一方的頁(yè)面上的輸入事件被觸發(fā)后，該方的協(xié)同瀏覽控制代碼獲取當(dāng)前輸入的內(nèi)容和當(dāng)前輸入元素的XPath描述。
[0230]c)該方的協(xié)同瀏覽控制代碼將輸入的內(nèi)容和輸入元素的XPath描述發(fā)送到協(xié)同瀏覽服務(wù)器。
[0231]d)協(xié)同瀏覽服務(wù)器再將輸入的內(nèi)容和輸入元素的XPath描述轉(zhuǎn)發(fā)到另一方。
[0232]e)另一方的協(xié)同瀏覽控制代碼調(diào)用HTML Document的evaluate API找到相同的輸入元素，并修改輸入元素的內(nèi)容和刷新顯示。
[0233]通過(guò)該技術(shù)實(shí)現(xiàn)，協(xié)同瀏覽的任何一方隨時(shí)能看到另一方在頁(yè)面上的輸入了什么內(nèi)容，并自動(dòng)輸入相同的內(nèi)容。
[0234]11，帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控頁(yè)面上的AJAX請(qǐng)求:
[0235]a)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼重載和實(shí)現(xiàn)各種瀏覽器版本的 XMLHttpRequest 對(duì)象，如:XDomainRequest, XMLHttpRequest, IE 瀏覽器下的ActiveXObject(MSXML2.XMLHTTP.3.0, MSXML2.XMLHTTP, Microsoft.XMLHTTP)。
[0236]b)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)并截獲XMLHttpRequest的AJAX請(qǐng)求。
[0237]c)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼將AJAX請(qǐng)求發(fā)送到代理服務(wù)器。
[0238]d)代理服務(wù)器代理AJAX請(qǐng)求到原始頁(yè)面服務(wù)器。
[0239]e)原始頁(yè)面服務(wù)器返回AJAX響應(yīng)到代理服務(wù)器。
[0240]f)代理服務(wù)器將AJAX響應(yīng)返回到協(xié)同瀏覽控制代碼。
[0241]通過(guò)該技術(shù)實(shí)現(xiàn)，協(xié)同瀏覽的任何一方頁(yè)面都能獲得實(shí)時(shí)的AJAX請(qǐng)求內(nèi)容。
[0242]12，帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控頁(yè)面上的FORM表單請(qǐng)求:
[0243]a)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)頁(yè)面上所有的表單提交事件。
[0244]b)在任何一方的表單提交事件觸發(fā)時(shí)，阻止表單提交，并修改和將表單發(fā)送到協(xié)同瀏覽服務(wù)器[0245]c)協(xié)同瀏覽服務(wù)器修改表單內(nèi)容后將表單發(fā)送到原始頁(yè)面服務(wù)器
[0246]d)協(xié)同瀏覽服務(wù)器將原始頁(yè)面服務(wù)器的表單響應(yīng)返回到表單提交方的瀏覽器
[0247]e)協(xié)同瀏覽服務(wù)器將原始頁(yè)面服務(wù)器的表單響應(yīng)緩存，并轉(zhuǎn)發(fā)到另一方的瀏覽器
[0248]通過(guò)該技術(shù)實(shí)現(xiàn)，協(xié)同瀏覽的任何一方頁(yè)面表單提交都能在雙方的瀏覽器中看到相同的表單提交結(jié)果頁(yè)面，而在原始頁(yè)面服務(wù)器看來(lái)只有一個(gè)客戶端在與它進(jìn)行通信。
[0249]13，協(xié)同瀏覽過(guò)程中，協(xié)同瀏覽帶領(lǐng)方和跟隨方可以通過(guò)協(xié)同瀏覽控制頁(yè)面界面隨時(shí)交換角色，讓帶領(lǐng)方變?yōu)楦S方，跟隨方變?yōu)閹ьI(lǐng)方，實(shí)現(xiàn)雙向的協(xié)同瀏覽。
[0250]14，協(xié)同瀏覽過(guò)程中，協(xié)同瀏覽帶領(lǐng)方和跟隨方可以通過(guò)協(xié)同瀏覽控制頁(yè)面界面上的瀏覽歷史記錄列表和后退，前進(jìn)按鈕實(shí)現(xiàn)歷史瀏覽的同步。
[0251]如圖5，本發(fā)明系統(tǒng)在在線銷售產(chǎn)品中產(chǎn)生和得以實(shí)施。下面結(jié)合附圖5對(duì)該應(yīng)用進(jìn)行進(jìn)一步的說(shuō)明:
[0252]I)在在線銷售的客服端軟件集成的Webkit瀏覽器和客戶的銷售頁(yè)面中加載協(xié)同瀏覽控制頁(yè)面iframe和控制代碼。
[0253]2)在在線銷售產(chǎn)品的服務(wù)器上集成協(xié)同瀏覽服務(wù)器功能模塊。
[0254]3)客服和訪客在各自的界面上可以發(fā)起和接受協(xié)同瀏覽請(qǐng)求，完成各種協(xié)同瀏覽操作，以協(xié)助在線銷售客服和訪客的溝通，提高在線銷售成功率。
[0255]如圖6，本發(fā)明系統(tǒng)在在線視頻會(huì)議產(chǎn)品中得以實(shí)施。下面結(jié)合圖6對(duì)該應(yīng)用進(jìn)行進(jìn)一步的說(shuō)明:
[0256]I)視頻會(huì)議的各個(gè)參與者的瀏覽器頁(yè)面中加載協(xié)同瀏覽控制頁(yè)面iframe和控制代碼。
[0257]2)在視頻會(huì)議的服務(wù)器上集成協(xié)同瀏覽服務(wù)器功能模塊。
[0258]3)視頻會(huì)議的各個(gè)參與者在各自的界面上可以發(fā)起和接受協(xié)同瀏覽請(qǐng)求，完成各種協(xié)同瀏覽操作，以協(xié)助視頻會(huì)議的溝通，提高視頻會(huì)議的效率和準(zhǔn)確性。
[0259]以上所述僅為本發(fā)明的較佳實(shí)施例，凡依本發(fā)明權(quán)利要求范圍所做的均等變化與修飾，皆應(yīng)屬本發(fā)明權(quán)利要求的涵蓋范圍。
【權(quán)利要求】
1.一種網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，利用協(xié)同瀏覽服務(wù)器和代理網(wǎng)頁(yè)，包括以下步驟: 同一組隊(duì)內(nèi)的協(xié)同瀏覽成員向協(xié)同瀏覽服務(wù)器發(fā)送請(qǐng)求，并通過(guò)協(xié)同瀏覽服務(wù)器關(guān)聯(lián)組隊(duì)； 協(xié)同瀏覽各成員在自身瀏覽器創(chuàng)建用于顯示當(dāng)前代理網(wǎng)頁(yè)內(nèi)容的iFrame元素；同一組隊(duì)內(nèi)的協(xié)同瀏覽各成員的當(dāng)前代理網(wǎng)頁(yè)一致； 協(xié)同瀏覽服務(wù)器根據(jù)協(xié)同瀏覽中帶領(lǐng)方的請(qǐng)求獲取目標(biāo)網(wǎng)頁(yè)生成代理網(wǎng)頁(yè)并更新當(dāng)前代理網(wǎng)頁(yè)； 同一組隊(duì)內(nèi)的協(xié)同瀏覽各成員的瀏覽器監(jiān)控自身鼠標(biāo)移動(dòng)和頁(yè)面輸入，通過(guò)協(xié)同瀏覽服務(wù)器將自身變動(dòng)轉(zhuǎn)發(fā)給同一組隊(duì)內(nèi)的協(xié)同瀏覽其他成員，協(xié)同瀏覽其他成員的瀏覽器根據(jù)所述變動(dòng)在各自的所述iFrame元素中更新對(duì)應(yīng)顯示。
2.根據(jù)權(quán)利要求1所述網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，該方法這樣關(guān)聯(lián)組隊(duì): 201)客戶端登錄和認(rèn)證: Ia)帶領(lǐng)方和跟隨方的瀏覽器首先都訪問(wèn)協(xié)同瀏覽服務(wù)器登錄頁(yè)面； Ib)帶領(lǐng)方或跟隨方的在登錄頁(yè)面上輸入之前通過(guò)頁(yè)面注冊(cè)或者其它方式獲取的登錄信息； Ic)帶領(lǐng)方或跟隨方的瀏覽器將登陸信息發(fā)送到協(xié)同瀏覽服務(wù)器； Id)協(xié)同瀏覽服務(wù)器從已注冊(cè)登錄信息數(shù)據(jù)庫(kù)中查詢和確認(rèn)登錄信息是否有效； Ie)協(xié)同瀏覽服務(wù)器將登錄信息和當(dāng)前的客戶端連接信息關(guān)聯(lián)； If)協(xié)同瀏覽服務(wù)器返回登錄成功頁(yè)面到帶領(lǐng)方和跟隨方的瀏覽器； Ig)帶領(lǐng)方或跟隨方的瀏覽器加載和顯示登錄成功頁(yè)面； 202)協(xié)同瀏覽系統(tǒng)初始化: 2a)協(xié)同瀏覽服務(wù)器將所有已登錄的客戶端信息列表發(fā)送到帶領(lǐng)方和跟隨方的瀏覽器； 2b)帶領(lǐng)方和跟隨方的瀏覽器顯示所有已登錄的客戶端信息列表； 2c)帶領(lǐng)方在列表上選擇要進(jìn)行協(xié)同瀏覽的跟隨方； 2d)帶領(lǐng)方瀏覽器將已選擇的跟隨方信息發(fā)送到協(xié)同瀏覽服務(wù)器； 2e)協(xié)同瀏覽服務(wù)器將協(xié)同瀏覽請(qǐng)求發(fā)送到已選擇的跟隨方瀏覽器； 2f)跟隨方瀏覽器顯示協(xié)同瀏覽請(qǐng)求對(duì)話框； 2g)跟隨方同意協(xié)同瀏覽請(qǐng)求； 2h)跟隨方瀏覽器將協(xié)同瀏覽答復(fù)發(fā)送到協(xié)同瀏覽服務(wù)器； 2i)協(xié)同瀏覽服務(wù)器將答復(fù)發(fā)送到帶領(lǐng)方瀏覽器； 2j)帶領(lǐng)方瀏覽器顯示協(xié)同瀏覽已確認(rèn)信息。
3.根據(jù)權(quán)利要求1所述網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，在協(xié)同瀏覽服務(wù)器生成代理網(wǎng)頁(yè)時(shí)，同時(shí)包括協(xié)同瀏覽服務(wù)器生成對(duì)應(yīng)URL地址并通知該同一組隊(duì)內(nèi)的協(xié)同瀏覽各方。
4.根據(jù)權(quán)利要求1所述網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，所述代理頁(yè)面緩存在協(xié)同瀏覽服務(wù)器中。
5.根據(jù)權(quán)利要求4所述網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，在生成代理網(wǎng)頁(yè)時(shí)重寫所述iFrame元素中頁(yè)面資源鏈接。
6.根據(jù)權(quán)利要求4所述網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，在向目標(biāo)網(wǎng)頁(yè)發(fā)起請(qǐng)求過(guò)程中保存或更新請(qǐng)求的Cookie。
7.根據(jù)權(quán)利要求4所述網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，同一組隊(duì)內(nèi)的協(xié)同瀏覽各成員的瀏覽器監(jiān)控瀏覽歷史記錄列表指令和后退/前進(jìn)指令，發(fā)送給協(xié)同瀏覽服務(wù)器并轉(zhuǎn)發(fā)給同一組隊(duì)內(nèi)的協(xié)同瀏覽其他成員，協(xié)同瀏覽服務(wù)器根據(jù)所述指令更新當(dāng)前代理頁(yè)面。
8.根據(jù)權(quán)利要求1所述網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，所述帶領(lǐng)方的請(qǐng)求包括同一組隊(duì)內(nèi)的協(xié)同瀏覽任一成員在所述iFrame元素中點(diǎn)擊超鏈接，或者同一組隊(duì)內(nèi)的協(xié)同瀏覽任一成員在所述iFrame元素中網(wǎng)址欄中更新當(dāng)前網(wǎng)址。
9.根據(jù)權(quán)利要求1所述網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，帶領(lǐng)方是同一組隊(duì)中任一成員，跟隨方是其他成員；同一組隊(duì)內(nèi)有一個(gè)帶領(lǐng)方，一個(gè)或多個(gè)跟隨方；隨時(shí)間不同，同一組隊(duì)內(nèi)的帶領(lǐng)方是同一成員或不同成員。
10.根據(jù)權(quán)利要求1-9中任一項(xiàng)所述網(wǎng)頁(yè)雙向協(xié)同瀏覽方法，其特征在于，包括以下具體步驟: 1001)客戶端登錄和認(rèn)證: Ia)帶領(lǐng)方和跟隨方的瀏覽器首先都訪問(wèn)協(xié)同瀏覽服務(wù)器登錄頁(yè)面； Ib)帶領(lǐng)方或跟隨方的在登錄頁(yè)面上輸入之前通過(guò)頁(yè)面注冊(cè)或者其它方式獲取的登錄信息； Ic)帶領(lǐng)方或跟隨方的瀏覽器將登陸信息發(fā)送到協(xié)同瀏覽服務(wù)器； Id)協(xié)同瀏覽服務(wù)器從已注冊(cè)登錄信息數(shù)據(jù)庫(kù)中查詢和確認(rèn)登錄信息是否有效； Ie)協(xié)同瀏覽服務(wù)器將登錄信息和當(dāng)前的客戶端連接信息關(guān)聯(lián)； If)協(xié)同瀏覽服務(wù)器返回登錄成功頁(yè)面到帶領(lǐng)方和跟隨方的瀏覽器； Ig)帶領(lǐng)方或跟隨方的瀏覽器加載和顯示登錄成功頁(yè)面； 1002)協(xié)同瀏覽系統(tǒng)初始化: 2a)協(xié)同瀏覽服務(wù)器將所有已登錄的客戶端信息列表發(fā)送到帶領(lǐng)方和跟隨方的瀏覽器； 2b)帶領(lǐng)方和跟隨方的瀏覽器顯示所有已登錄的客戶端信息列表； 2c)帶領(lǐng)方在列表上選擇要進(jìn)行協(xié)同瀏覽的跟隨方； 2d)帶領(lǐng)方瀏覽器將已選擇的跟隨方信息發(fā)送到協(xié)同瀏覽服務(wù)器； 2e)協(xié)同瀏覽服務(wù)器將協(xié)同瀏覽請(qǐng)求發(fā)送到已選擇的跟隨方瀏覽器； 2f)跟隨方瀏覽器顯示協(xié)同瀏覽請(qǐng)求對(duì)話框； 2g)跟隨方同意協(xié)同瀏覽請(qǐng)求； 2h)跟隨方瀏覽器將協(xié)同瀏覽答復(fù)發(fā)送到協(xié)同瀏覽服務(wù)器； 2i)協(xié)同瀏覽服務(wù)器將答復(fù)發(fā)送到帶領(lǐng)方瀏覽器； 2j)帶領(lǐng)方瀏覽器顯示協(xié)同瀏覽已確認(rèn)信息； 2k)帶領(lǐng)方和跟隨方的瀏覽器向協(xié)同瀏覽服務(wù)器請(qǐng)求包含協(xié)同瀏覽控制代碼的頁(yè)面； 21)協(xié)同瀏覽服務(wù)器返回協(xié)同瀏覽控制代碼和頁(yè)面資源； 2m)帶領(lǐng)方和跟隨方的瀏覽器加載協(xié)同瀏覽控制代碼和頁(yè)面資源，并創(chuàng)建用于顯示協(xié)同瀏覽內(nèi)容的iFrame ； 1003)帶領(lǐng)方在協(xié)同瀏覽控制頁(yè)面上發(fā)起協(xié)同瀏覽網(wǎng)頁(yè)請(qǐng)求: 3a)控制頁(yè)面代碼生成包含協(xié)同瀏覽目標(biāo)網(wǎng)頁(yè)URL的請(qǐng)求包； 3b)控制頁(yè)面將請(qǐng)求包發(fā)送到協(xié)同瀏覽服務(wù)器； 3c)協(xié)同瀏覽服務(wù)器根據(jù)協(xié)同瀏覽目標(biāo)網(wǎng)頁(yè)URL和自己的URL地址生成代理網(wǎng)頁(yè)URL ； 3d)協(xié)同瀏覽服務(wù)器將代理網(wǎng)頁(yè)URL地址返回給帶領(lǐng)方控制頁(yè)面； 3e)帶領(lǐng)方在iFrame中加載代理網(wǎng)頁(yè)； 1004)協(xié)同瀏覽服務(wù)器收到代理網(wǎng)頁(yè)訪問(wèn)請(qǐng)求會(huì)嘗試緩存請(qǐng)求的Cookie: 4a)協(xié)同瀏覽服務(wù)器首先檢查是否有保存請(qǐng)求的Cookie ； 4b)如果有保存請(qǐng)求的Cookie,更新已保存的Cookie ； 4c)如果沒(méi)有保存請(qǐng)求的Cookie，將Cookie保存； 1005)協(xié)同瀏覽服務(wù)器代理頁(yè)面請(qǐng)求: 5a)協(xié)同瀏覽服務(wù)器將頁(yè)面請(qǐng)求發(fā)送到原始頁(yè)面服務(wù)器； 5b)協(xié)同瀏覽服務(wù)器 接收原始頁(yè)面服務(wù)器的HTTP響應(yīng)； 5c)協(xié)同瀏覽服務(wù)器保存原始頁(yè)面服務(wù)器的HTTP響應(yīng)； 5d)協(xié)同瀏覽服務(wù)器修改原始頁(yè)面服務(wù)器的HTTP響應(yīng)的協(xié)議頭和內(nèi)容，處理頁(yè)面未修改，頁(yè)面重定向，X-Frame-Options等； 5e)協(xié)同瀏覽服務(wù)器將修改后的HTTP響應(yīng)返回給帶領(lǐng)方的瀏覽器； 5f)帶領(lǐng)方的瀏覽器iFrame加載代理后的頁(yè)面內(nèi)容； 1006)協(xié)同瀏覽服務(wù)器通知跟隨方訪問(wèn)代理網(wǎng)頁(yè)URL: 6a)協(xié)同瀏覽服務(wù)器收到跟隨方訪問(wèn)請(qǐng)求，檢查是否已緩存HTTP響應(yīng)； 6b)協(xié)同瀏覽服務(wù)器將緩存的HTTP響應(yīng)返回跟隨方瀏覽器； 1007)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼都會(huì)重寫頁(yè)面資源鏈接: 7a)帶領(lǐng)方和跟隨方的iFrame加載協(xié)同瀏覽服務(wù)器返回的代理頁(yè)面和修改后的頁(yè)面內(nèi)容； 7b)協(xié)同瀏覽控制代碼查詢頁(yè)面上所有的資源鏈接； 7c)協(xié)同瀏覽控制代碼將所有相對(duì)路徑的資源鏈接改為指向原始頁(yè)面服務(wù)器的絕對(duì)路徑; 7d)帶領(lǐng)方和跟隨方的瀏覽器向原始頁(yè)面服務(wù)器請(qǐng)求資源； 7e)原始頁(yè)面服務(wù)器返回請(qǐng)求的資源； 7f)帶領(lǐng)方和跟隨方的瀏覽器加載資源刷新顯示； 1008)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控超鏈接點(diǎn)擊跳轉(zhuǎn): 8a)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)iFrame中加載的頁(yè)面上的所有鏈接的點(diǎn)擊事件； Sb)在點(diǎn)擊事件觸發(fā)時(shí)，截獲該事件，并阻止默認(rèn)的事件響應(yīng)； Sc)將鏈接跳轉(zhuǎn)的原始URL地址發(fā)送到協(xié)同瀏覽服務(wù)器； 8d)協(xié)同瀏覽服務(wù)器生成代理的URL地址； Se)協(xié)同瀏覽服務(wù)器將代理URL地址通知到帶領(lǐng)方和跟隨方瀏覽器的控制代碼； 8f)帶領(lǐng)方和跟隨方的控制代碼控制iFrame跳轉(zhuǎn)和加載新的代理URL ；1009)帶領(lǐng)方的協(xié)同瀏覽控制代碼會(huì)監(jiān)控鼠標(biāo)指針的移動(dòng): 9a)帶領(lǐng)方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)鼠標(biāo)移動(dòng)事件； 9b)在鼠標(biāo)移動(dòng)事件觸發(fā)并停止后的一個(gè)短的時(shí)間，協(xié)同瀏覽控制代碼調(diào)用HTMLDocument的eIementFromPoint API查找鼠標(biāo)指針當(dāng)前指向的頁(yè)面DOM兀素； 9c)帶領(lǐng)方的協(xié)同瀏覽控制代碼回溯指針當(dāng)前指向的頁(yè)面DOM元素的父節(jié)點(diǎn)直到頁(yè)面根節(jié)點(diǎn)DOM元素； 9d)帶領(lǐng)方的協(xié)同瀏覽控制代碼生成指針當(dāng)前指向的頁(yè)面DOM元素在頁(yè)面上的位置的XPath描述； 9e)帶領(lǐng)方的協(xié)同瀏覽控制代碼將XPath描述發(fā)送到協(xié)同瀏覽服務(wù)器； 9f)協(xié)同瀏覽服務(wù)器將XPath描述發(fā)送到跟隨方的協(xié)同瀏覽控制代碼； 9g)跟隨方的協(xié)同瀏覽控制代碼調(diào)用HTML Document的evaluate API找到相同的DOM元素； 9h)跟隨方的協(xié)同瀏覽控制代碼調(diào)用iFrame的HTML Window的scrollBy API滾動(dòng)頁(yè)面使相同的DOM元素能在瀏覽器窗口中顯示； 9i)跟隨方的協(xié)同瀏覽控制代碼在相同的DOM元素上方顯示一個(gè)鼠標(biāo)指針圖標(biāo)，標(biāo)示帶領(lǐng)方當(dāng)前指向的內(nèi)容； 1010)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控頁(yè)面輸入: 10a)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)頁(yè)面上的所有input輸入元素的change, focus 輸入事件。 10b)在任何一方的頁(yè)面上的輸入事件被觸發(fā)后，該方的協(xié)同瀏覽控制代碼獲取當(dāng)前輸入的內(nèi)容和當(dāng)前輸入元素的XPath描述； 10c)該方的協(xié)同瀏覽控制代碼將輸入的內(nèi)容和輸入元素的XPath描述發(fā)送到協(xié)同瀏覽服務(wù)器； 10d)協(xié)同瀏覽服務(wù)器再將輸入的內(nèi)容和輸入兀素的XPath描述轉(zhuǎn)發(fā)到另一方； 10e)另一方的協(xié)同瀏覽控制代碼調(diào)用HTML Document的evaluate API找到相同的輸入元素，并修改輸入元素的內(nèi)容和刷新顯示； 1011)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控頁(yè)面上的AJAX請(qǐng)求: Ila)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼重載和實(shí)現(xiàn)各種瀏覽器版本的XMLHttpRequest 對(duì)象； Ilb)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)并截獲XMLHttpRequest的AJAX請(qǐng)求； He)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼將AJAX請(qǐng)求發(fā)送到代理服務(wù)器； Ild)代理服務(wù)器代理AJAX請(qǐng)求到原始頁(yè)面服務(wù)器； He)原始頁(yè)面服務(wù)器返回AJAX響應(yīng)到代理服務(wù)器； Hf)代理服務(wù)器將AJAX響應(yīng)返回到協(xié)同瀏覽控制代碼； 1012)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)控頁(yè)面上的FORM表單請(qǐng)求: 12a)帶領(lǐng)方和跟隨方的協(xié)同瀏覽控制代碼監(jiān)聽(tīng)頁(yè)面上所有的表單提交事件； 12b)在任何一方的表單提交事件觸發(fā)時(shí)，阻止表單提交，并修改和將表單發(fā)送到協(xié)同瀏覽服務(wù)器； 12c)協(xié)同瀏覽服務(wù)器修改表單內(nèi)容后將表單發(fā)送到原始頁(yè)面服務(wù)器；12d)協(xié)同瀏覽服務(wù)器將原始頁(yè)面服務(wù)器的表單響應(yīng)返回到表單提交方的瀏覽器；12e)協(xié)同瀏覽服務(wù)器 將原始頁(yè)面服務(wù)器的表單響應(yīng)緩存，并轉(zhuǎn)發(fā)到另一方的瀏覽器。
【文檔編號(hào)】H04L29/08GK103955501SQ201410166926
【公開(kāi)日】2014年7月30日 申請(qǐng)日期:2014年4月23日 優(yōu)先權(quán)日:2014年4月23日
【發(fā)明者】馬暉 申請(qǐng)人:深圳市賽速科技有限公司