專(zhuān)利名稱(chēng)：網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法
技術(shù)領(lǐng)域：
本發(fā)明屬于網(wǎng)絡(luò)技術(shù)領(lǐng)域，具體屬于一種網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊 截圖的方法。
技術(shù)背景Internet時(shí)代，造就了我們新的工作和生活方式，其互聯(lián)性、 開(kāi)放性和共享信息的模式，打破了傳統(tǒng)信息傳播方式的重重壁壘，網(wǎng) 頁(yè)上的信息形形色色，每個(gè)用戶(hù)瀏覽網(wǎng)頁(yè)時(shí)，總有些自己喜歡的內(nèi)容， 但這個(gè)內(nèi)容只能在網(wǎng)絡(luò)上瀏覽，如果不能上網(wǎng)，或者忘記網(wǎng)址、原鏈 接改變或內(nèi)容改變等情況出現(xiàn)的話，就無(wú)法再次瀏覽該內(nèi)容了，如果 不是很重要的信息還好，無(wú)非也就心情郁悶一下；但如果是非常重要 的信息比如一個(gè)合同的或是技術(shù)的關(guān)鍵信息，對(duì)用戶(hù)的損失可想而 知。如何將那些感興趣的內(nèi)容有選擇地截取和保存下來(lái)，是每個(gè)網(wǎng)絡(luò) 用戶(hù)都非常關(guān)心的問(wèn)題。現(xiàn)在一般的截取方式包括使用屏幕打印鍵 (print screen)進(jìn)行全屏圖片拷貝，但這個(gè)方法截圖是沒(méi)有區(qū)域選 擇，只能是全屏，我們沒(méi)必要為了一個(gè)區(qū)域的內(nèi)容而進(jìn)行全屏的截圖， 并且也就對(duì)當(dāng)前屏的截圖，范圍太受限制；另外也有利用一些工具軟 件比如即時(shí)聊天工具QQ，它帶有截取網(wǎng)絡(luò)內(nèi)容圖片的工具，提供對(duì) 當(dāng)前全屏區(qū)域的任意區(qū)域進(jìn)行有選擇性的截取內(nèi)容圖片，但是使用這 個(gè)方法必需先要下載騰訊公司的客戶(hù)端軟件，然后注冊(cè)QQ用戶(hù)，打 開(kāi)聊天窗口才能截圖，非常的不便利。以上兩種方法都是對(duì)當(dāng)前屏的 截圖操作，而沒(méi)法對(duì)不可見(jiàn)網(wǎng)頁(yè)區(qū)域的區(qū)塊截圖，如果剛好用戶(hù)需要 的內(nèi)容長(zhǎng)度超出了可見(jiàn)屏，用戶(hù)只好一屏一屏的拼接所需內(nèi)容，非常 的不方便。發(fā)明內(nèi)容本發(fā)明所要解決的技術(shù)問(wèn)題是提供一種網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊 截圖的方法。為了解決上述技術(shù)問(wèn)題，本發(fā)明采用以下的技術(shù)方案 一種網(wǎng)頁(yè) 上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法，包括以下步驟1) 客戶(hù)端輸入一個(gè)或多個(gè)網(wǎng)址，根據(jù)網(wǎng)址的個(gè)數(shù)在客戶(hù)端生成對(duì)應(yīng) 的各個(gè)顯示網(wǎng)頁(yè)內(nèi)容的子頁(yè)面；2) 客戶(hù)端收集用戶(hù)選取的區(qū)塊的大小尺寸、該區(qū)塊在頁(yè)面中的位置 和所對(duì)應(yīng)的網(wǎng)址、該網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)的頁(yè)面尺寸組成一個(gè)數(shù)據(jù)， 將該數(shù)據(jù)發(fā)送至服務(wù)器；3) 服務(wù)器調(diào)用activex控件，將被選取網(wǎng)頁(yè)整體截圖，并存為圖片 文件；3c)服務(wù)器根據(jù)區(qū)塊的大小尺寸和區(qū)塊的位置，將該圖片的 相應(yīng)區(qū)塊截取下來(lái)，并刪除被選取網(wǎng)頁(yè)的整體圖片文件。其中步驟l)包含如下過(guò)程la)客戶(hù)端輸入一個(gè)或多個(gè)網(wǎng)址， 檢查網(wǎng)址是否合法，若檢查結(jié)果合法，繼續(xù)下一步，否則提示重新輸 入網(wǎng)址；lb)根據(jù)網(wǎng)址的個(gè)數(shù)生成相應(yīng)個(gè)數(shù)的子頁(yè)面，并給每個(gè)子頁(yè) 面賦予一個(gè)網(wǎng)址，每個(gè)子頁(yè)面分別獨(dú)立請(qǐng)求服務(wù)器，獲取相應(yīng)網(wǎng)址的 網(wǎng)頁(yè)內(nèi)容。其中步驟2)包含如下過(guò)程2a)客戶(hù)端給每個(gè)子頁(yè)面增加用于 記錄用戶(hù)選擇的區(qū)塊信息的HTML元素；2b)給該HTML元素增加鼠標(biāo) 事件，用戶(hù)通過(guò)鼠標(biāo)拖拉選取各個(gè)子頁(yè)面的區(qū)塊內(nèi)容；2c)客戶(hù)端收 集用戶(hù)選取的區(qū)塊的大小尺寸、該區(qū)塊在頁(yè)面中的位置和所對(duì)應(yīng)的網(wǎng) 址、該網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)的頁(yè)面尺寸組成一個(gè)數(shù)據(jù)，將該數(shù)據(jù)發(fā)送至服 務(wù)器。其中步驟3)包含如下過(guò)程3a)服務(wù)器調(diào)用activex控件，將 被選取網(wǎng)頁(yè)整體截圖，并存為圖片文件；3b)服務(wù)器根據(jù)區(qū)塊的大小 尺寸和區(qū)塊的位置，將該圖片的相應(yīng)區(qū)塊截取下來(lái)，并刪除被選取網(wǎng) 頁(yè)的整體圖片文件。重復(fù)步驟3，直至所有區(qū)塊截圖完畢。本發(fā)明與現(xiàn)有技術(shù)相比具有以下的優(yōu)點(diǎn)-(1)可以把任一網(wǎng)頁(yè)的任意區(qū)域內(nèi)容根據(jù)用戶(hù)需要來(lái)截圖并保 存，可以重復(fù)閱讀而無(wú)需打開(kāi)原網(wǎng)頁(yè)，節(jié)省很多時(shí)間；(2) 可以保存需要的網(wǎng)頁(yè)內(nèi)容圖片，不擔(dān)心原鏈接地址改變或 內(nèi)容改變；(3) 增加用戶(hù)使用互聯(lián)網(wǎng)信息的趣味性，用戶(hù)體驗(yàn)感很好； (4)截圖內(nèi)容可以直接在網(wǎng)頁(yè)或電腦上保存，不擔(dān)心資料丟失。


圖l、圖2是本發(fā)明的詳細(xì)流程圖。
具體實(shí)施方式
一種網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法，包括以下步驟1) 客戶(hù)端輸入一個(gè)或多個(gè)網(wǎng)址，根據(jù)網(wǎng)址的個(gè)數(shù)在客戶(hù)端生成對(duì) 應(yīng)的各個(gè)顯示網(wǎng)頁(yè)內(nèi)容的子頁(yè)面；2) 客戶(hù)端收集用戶(hù)選取的區(qū)塊的大小尺寸、該區(qū)塊在頁(yè)面中的位 置和所對(duì)應(yīng)的網(wǎng)址、該網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)的頁(yè)面尺寸組成一個(gè)數(shù)據(jù)，將 該數(shù)據(jù)發(fā)送至服務(wù)器。3) 服務(wù)器調(diào)用activex控件，將被選取網(wǎng)頁(yè)整體截圖，并存為圖 片文件；3c)服務(wù)器根據(jù)區(qū)塊的大小尺寸和區(qū)塊的位置，將該圖片的 相應(yīng)區(qū)塊截取下來(lái)，并刪除被選取網(wǎng)頁(yè)的整體圖片文件。4) 重復(fù)步驟3)直到所有記錄的區(qū)塊截圖完畢。下面進(jìn)一步詳細(xì)說(shuō)明本發(fā)明所述的方法-參見(jiàn)圖1、圖2，在用戶(hù)端輸入一個(gè)或多個(gè)網(wǎng)址，用逗號(hào)或者空 格分開(kāi)，向后臺(tái)服務(wù)器發(fā)出請(qǐng)求，由服務(wù)器端程序分析輸入的網(wǎng)址字 符串，統(tǒng)計(jì)出網(wǎng)址個(gè)數(shù)，并檢查網(wǎng)址是否合法，若檢查結(jié)果合法，繼 續(xù)下一步，否則提示重新輸入網(wǎng)址；服務(wù)器根據(jù)網(wǎng)址的個(gè)數(shù)生成相應(yīng) 個(gè)數(shù)的子頁(yè)面，并將javascript程序代碼和用于記錄用戶(hù)選擇的區(qū) 塊信息的HTML元素(以下簡(jiǎn)稱(chēng)區(qū)塊元素)嵌入每個(gè)子頁(yè)面，在文檔加 載完畢時(shí)，給頁(yè)面增加鼠標(biāo)事件，具體是客戶(hù)端Javascript程序 為文檔節(jié)點(diǎn)對(duì)象(如document對(duì)象)添加鼠標(biāo)的onmousedown、 onmousemove和onmouseup事件。用戶(hù)通過(guò)鼠標(biāo)拖拉選取各個(gè)子頁(yè)面 的區(qū)塊信息，鼠標(biāo)拖過(guò)區(qū)域，用區(qū)塊信息的HTML元素覆蓋?？蛻?hù)端 Javascript程序記錄區(qū)塊元素的尺寸、該區(qū)塊在頁(yè)面中的位置和區(qū) 塊元素所在的網(wǎng)址及該網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)的頁(yè)面尺寸信息組成一個(gè)有 序的字符串?dāng)?shù)據(jù)，將該數(shù)據(jù)發(fā)送至服務(wù)器。服務(wù)器調(diào)用activex控件， 將相應(yīng)的網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)整體截圖，并存為圖片文件，服務(wù)器根據(jù)區(qū) 塊的大小尺寸和區(qū)塊的位置，將該圖片的相應(yīng)區(qū)塊截取下來(lái)，并刪除 被選取網(wǎng)頁(yè)整體圖片。不斷重復(fù)，直至數(shù)組變量的長(zhǎng)度值為0，即所 有網(wǎng)頁(yè)截圖完畢。
權(quán)利要求
1、一種網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法，包括以下步驟1)客戶(hù)端輸入一個(gè)或多個(gè)網(wǎng)址，根據(jù)網(wǎng)址的個(gè)數(shù)在客戶(hù)端生成對(duì)應(yīng)的各個(gè)顯示網(wǎng)頁(yè)內(nèi)容的子頁(yè)面；2)客戶(hù)端收集用戶(hù)選取的區(qū)塊的大小尺寸、該區(qū)塊在頁(yè)面中的位置和所對(duì)應(yīng)的網(wǎng)址、該網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)的頁(yè)面尺寸組成一個(gè)數(shù)據(jù)，將該數(shù)據(jù)發(fā)送至服務(wù)器。3)服務(wù)器調(diào)用activex控件，將被選取網(wǎng)頁(yè)整體截圖，并存為圖片文件，服務(wù)器根據(jù)區(qū)塊的大小尺寸和區(qū)塊的位置，將該圖片的相應(yīng)區(qū)塊截取下來(lái)，并刪除被選取網(wǎng)頁(yè)整體圖片文件。
2、 如權(quán)利要求1所述的一種網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法，其 特征在于其中步驟1)包含如下過(guò)程la)客戶(hù)端輸入一個(gè)或多 個(gè)網(wǎng)址，向服務(wù)器發(fā)出請(qǐng)求，服務(wù)器端統(tǒng)計(jì)網(wǎng)址的個(gè)數(shù)，并檢查網(wǎng)址 是否合法，若檢查結(jié)果合法，繼續(xù)下一步，否則提示重新輸入網(wǎng)址； lb)客戶(hù)端根據(jù)網(wǎng)址的個(gè)數(shù)生成相應(yīng)個(gè)數(shù)的子頁(yè)面，并給每個(gè)子頁(yè)面 賦予一個(gè)網(wǎng)址，每個(gè)子頁(yè)面分別獨(dú)立請(qǐng)求服務(wù)器，獲取相應(yīng)網(wǎng)址的網(wǎng) 頁(yè)內(nèi)容，并將javascript程序代碼嵌入每個(gè)子頁(yè)面。
3、 如權(quán)利要求1或2所述的一種網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法， 其特征在于其中步驟2)包含如下過(guò)程2a)客戶(hù)端給每個(gè)子頁(yè) .兩增加用于記錄用戶(hù)選擇的區(qū)塊信息的HTML元素；2b)給該HTML元 素增加鼠標(biāo)事件，用戶(hù)通過(guò)鼠標(biāo)拖拉選取各個(gè)子頁(yè)面的區(qū)塊內(nèi)容；2c) 客戶(hù)端收集用戶(hù)選取的區(qū)塊的大小尺寸、該區(qū)塊在頁(yè)面中的位置和所 對(duì)應(yīng)的網(wǎng)址、該網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)的頁(yè)面尺寸組成一個(gè)數(shù)據(jù)，將該數(shù)據(jù) 發(fā)送至服務(wù)器。
4、 如權(quán)利要求3所述的一種網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法，其特征在于其中步驟3)包含如下過(guò)程3a)服務(wù)器調(diào)用 activex控件，將被選擇網(wǎng)頁(yè)整體截圖，并存為圖片文件；3b) 服務(wù)器根據(jù)區(qū)塊的大小尺寸和區(qū)塊的位置，將該圖片的相應(yīng)區(qū) 塊截取下來(lái)，并刪除被選取網(wǎng)頁(yè)整體圖片文件。重復(fù)步驟3)， 將下一個(gè)網(wǎng)址發(fā)送給服務(wù)器，直至所有網(wǎng)址發(fā)送完畢。 5、如權(quán)利要求3所述的一種網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法，其 特征在于；客戶(hù)端用javascript程序控制區(qū)塊信息的HTML元素的大 小尺寸和位置，從而達(dá)到選擇的效果。
全文摘要
本發(fā)明名稱(chēng)是網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法，屬于網(wǎng)絡(luò)技術(shù)領(lǐng)域。本發(fā)明提供一種網(wǎng)頁(yè)上實(shí)現(xiàn)的網(wǎng)頁(yè)區(qū)塊截圖的方法，截取的圖片可存放在網(wǎng)頁(yè)上或本地存儲(chǔ)器。方法用戶(hù)在客戶(hù)端輸入一個(gè)或多個(gè)網(wǎng)址，根據(jù)網(wǎng)址的個(gè)數(shù)在客戶(hù)端生成對(duì)應(yīng)的各個(gè)顯示網(wǎng)頁(yè)內(nèi)容的子頁(yè)面；客戶(hù)端收集用戶(hù)選取的區(qū)塊的大小尺寸、該區(qū)塊在頁(yè)面中的位置和所對(duì)應(yīng)的網(wǎng)址、該網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)的頁(yè)面尺寸組成一個(gè)數(shù)據(jù)，將該數(shù)據(jù)發(fā)送至服務(wù)器；服務(wù)器調(diào)用activex控件，將被選取網(wǎng)頁(yè)整體截圖，并存為圖片文件；服務(wù)器根據(jù)區(qū)塊的大小尺寸和區(qū)塊的位置，將該圖片的相應(yīng)區(qū)塊截取下來(lái)，并刪除被選取網(wǎng)頁(yè)的整體圖片文件。本發(fā)明可以把任一網(wǎng)頁(yè)的任意區(qū)域內(nèi)容根據(jù)用戶(hù)需要來(lái)截圖并保存，可以重復(fù)閱讀而無(wú)需打開(kāi)原網(wǎng)頁(yè)，節(jié)省很多時(shí)間，并不擔(dān)心原鏈接地址改變或內(nèi)容改變。
文檔編號(hào)H04L29/06GK101262475SQ20081005964
公開(kāi)日2008年9月10日 申請(qǐng)日期2008年2月1日 優(yōu)先權(quán)日2008年2月1日
發(fā)明者張堯森, 胡加林 申請(qǐng)人:張堯森;胡加林