[發明專利]網頁上實現的網頁區塊截圖的方法

無效

• 申請號: 200810059646.1
• 申請日: 2008-02-01
• 公開（公告）號: CN101262475A
• 公開（公告）日: 2008-09-10
• 發明（設計）人: 張堯森;胡加林
• 申請（專利權）人: 張堯森;胡加林
• 主分類號: H04L29/06
• 分類號: H04L29/06;G06F17/30
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術領域

本發明屬于網絡技術領域，具體屬于一種網頁上實現的網頁區塊截圖的方法。

背景技術

Internet時代，造就了我們新的工作和生活方式，其互聯性、開放性和共享信息的模式，打破了傳統信息傳播方式的重重壁壘，網頁上的信息形形色色，每個用戶瀏覽網頁時，總有些自己喜歡的內容，但這個內容只能在網絡上瀏覽，如果不能上網，或者忘記網址、原鏈接改變或內容改變等情況出現的話，就無法再次瀏覽該內容了，如果不是很重要的信息還好，無非也就心情郁悶一下；但如果是非常重要的信息比如一個合同的或是技術的關鍵信息，對用戶的損失可想而知。如何將那些感興趣的內容有選擇地截取和保存下來，是每個網絡用戶都非常關心的問題?，F在一般的截取方式包括使用屏幕打印鍵(print?screen)進行全屏圖片拷貝，但這個方法截圖是沒有區域選擇，只能是全屏，我們沒必要為了一個區域的內容而進行全屏的截圖，并且也就對當前屏的截圖，范圍太受限制；另外也有利用一些工具軟件比如即時聊天工具QQ，它帶有截取網絡內容圖片的工具，提供對當前全屏區域的任意區域進行有選擇性的截取內容圖片，但是使用這個方法必需先要下載騰訊公司的客戶端軟件，然后注冊QQ用戶，打開聊天窗口才能截圖，非常的不便利。以上兩種方法都是對當前屏的截圖操作，而沒法對不可見網頁區域的區塊截圖，如果剛好用戶需要的內容長度超出了可見屏，用戶只好一屏一屏的拼接所需內容，非常的不方便。

發明內容

本發明所要解決的技術問題是：提供一種網頁上實現的網頁區塊截圖的方法。

為了解決上述技術問題，本發明采用以下的技術方案：一種網頁上實現的網頁區塊截圖的方法，包括以下步驟：

1)客戶端輸入一個或多個網址，根據網址的個數在客戶端生成對應的各個顯示網頁內容的子頁面；

2)客戶端收集用戶選取的區塊的大小尺寸、該區塊在頁面中的位置和所對應的網址、該網址對應的網頁的頁面尺寸組成一個數據，將該數據發送至服務器；

3)服務器調用activex控件，將被選取網頁整體截圖，并存為圖片文件；3c)服務器根據區塊的大小尺寸和區塊的位置，將該圖片的相應區塊截取下來，并刪除被選取網頁的整體圖片文件。

其中步驟1)包含如下過程：1a)客戶端輸入一個或多個網址，檢查網址是否合法，若檢查結果合法，繼續下一步，否則提示重新輸入網址；1b)根據網址的個數生成相應個數的子頁面，并給每個子頁面賦予一個網址，每個子頁面分別獨立請求服務器，獲取相應網址的網頁內容。

其中步驟2)包含如下過程：2a)客戶端給每個子頁面增加用于記錄用戶選擇的區塊信息的HTML元素；2b)給該HTML元素增加鼠標事件，用戶通過鼠標拖拉選取各個子頁面的區塊內容；2c)客戶端收集用戶選取的區塊的大小尺寸、該區塊在頁面中的位置和所對應的網址、該網址對應的網頁的頁面尺寸組成一個數據，將該數據發送至服務器。

其中步驟3)包含如下過程：3a)服務器調用activex控件，將被選取網頁整體截圖，并存為圖片文件；3b)服務器根據區塊的大小尺寸和區塊的位置，將該圖片的相應區塊截取下來，并刪除被選取網頁的整體圖片文件。

重復步驟3，直至所有區塊截圖完畢。

本發明與現有技術相比具有以下的優點：

(1)可以把任一網頁的任意區域內容根據用戶需要來截圖并保存，可以重復閱讀而無需打開原網頁，節省很多時間；

(2)可以保存需要的網頁內容圖片，不擔心原鏈接地址改變或內容改變；

(3)增加用戶使用互聯網信息的趣味性，用戶體驗感很好；

(4)截圖內容可以直接在網頁或電腦上保存，不擔心資料丟失。

附圖說明

圖1、圖2是本發明的詳細流程圖。

具體實施方式

一種網頁上實現的網頁區塊截圖的方法，包括以下步驟：

1)客戶端輸入一個或多個網址，根據網址的個數在客戶端生成對應的各個顯示網頁內容的子頁面；

2)客戶端收集用戶選取的區塊的大小尺寸、該區塊在頁面中的位置和所對應的網址、該網址對應的網頁的頁面尺寸組成一個數據，將該數據發送至服務器。

3)服務器調用activex控件，將被選取網頁整體截圖，并存為圖片文件；3c)服務器根據區塊的大小尺寸和區塊的位置，將該圖片的相應區塊截取下來，并刪除被選取網頁的整體圖片文件。

4)重復步驟3)直到所有記錄的區塊截圖完畢。

下面進一步詳細說明本發明所述的方法：

參見圖1、圖2，在用戶端輸入一個或多個網址，用逗號或者空格分開，向后臺服務器發出請求，由服務器端程序分析輸入的網址字符串，統計出網址個數，并檢查網址是否合法，若檢查結果合法，繼續下一步，否則提示重新輸入網址；服務器根據網址的個數生成相應個數的子頁面，并將javascript程序代碼和用于記錄用戶選擇的區塊信息的HTML元素(以下簡稱區塊元素)嵌入每個子頁面，在文檔加載完畢時，給頁面增加鼠標事件，具體是：客戶端Javascript程序為文檔節點對象(如：document對象)添加鼠標的onmousedown、onmousemove和onmouseup事件。用戶通過鼠標拖拉選取各個子頁面的區塊信息，鼠標拖過區域，用區塊信息的HTML元素覆蓋?？蛻舳薐avascript程序記錄區塊元素的尺寸、該區塊在頁面中的位置和區塊元素所在的網址及該網址對應的網頁的頁面尺寸信息組成一個有序的字符串數據，將該數據發送至服務器。服務器調用activex控件，將相應的網址對應的網頁整體截圖，并存為圖片文件，服務器根據區塊的大小尺寸和區塊的位置，將該圖片的相應區塊截取下來，并刪除被選取網頁整體圖片。不斷重復，直至數組變量的長度值為0，即所有網頁截圖完畢。