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


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