本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別涉及一種網(wǎng)頁截圖方法、系統(tǒng)。

背景技術(shù)：

現(xiàn)有方案大多采用離線截圖的方式。用戶有截圖需求時，需要在本地計算機上打開目標(biāo)網(wǎng)頁，使用相應(yīng)工具進行截圖。常用的截圖方法包括：使用由Microsoft公司生產(chǎn)的Windows操作系統(tǒng)自帶的屏幕截取功能進行截圖、使用騰訊公司生產(chǎn)的QQ軟件中集成的屏幕截圖功能進行截圖、使用Peter Coles開發(fā)的Chrome瀏覽器插件《Full Page Screen Capture》進行截圖等等。

但是現(xiàn)有方案中有如下的缺點：

1.無法實現(xiàn)自動化的截圖操作，用戶需要大量截圖時操作繁瑣，費時費力。由于需要用戶的手動操作，截圖功能難以形成代碼整合到軟件產(chǎn)品中，導(dǎo)致軟件開發(fā)人員需要手動實現(xiàn)截圖功能。

2.依賴于本地計算機的圖形功能。用戶請求網(wǎng)頁截圖時需要首先使用本地計算機渲染目標(biāo)網(wǎng)頁，對于沒有復(fù)雜圖形功能的計算機系統(tǒng)(如：Ubuntu Server等)，就無法正常完成網(wǎng)頁截圖操作。

3.難以進行整頁截圖。現(xiàn)有方案需要用戶在本地計算機渲染目標(biāo)網(wǎng)頁。如果用戶屏幕分辨率小于網(wǎng)頁所需的分辨率(例如:網(wǎng)頁很長)，那么用戶很難手動操作拼接整頁截圖。

技術(shù)實現(xiàn)要素：

本發(fā)明要解決的技術(shù)問題是，通過提供網(wǎng)頁截圖的API，幫助用戶實現(xiàn)截圖操作的自動化，將截圖操作封裝成一種在線服務(wù)。

解決上述技術(shù)問題，本發(fā)明提供了一種網(wǎng)頁截圖方法，包括如下步驟：

輸入需要截圖的網(wǎng)頁的URL，生成截取所述網(wǎng)頁的調(diào)用API代碼；

根據(jù)所述調(diào)用API代碼向服務(wù)器進行一次HTTP請求，通過請求獲得網(wǎng)頁截圖。

更進一步，所述調(diào)用API代碼進一步包括：

用戶登錄，輸入需要截圖的目標(biāo)網(wǎng)址和參數(shù)，

監(jiān)聽鼠標(biāo)事件，獲取生成截圖操作指令。

所述調(diào)用API代碼進一步包括：

采用規(guī)定格式的URL訪問API請求服務(wù)的HTTP接口，獲得所述規(guī)定格式的URL至少包括：APIKEY和驗證令牌。

更進一步，所述APIKEY具體為：用戶注冊后分配給用戶的唯一標(biāo)識符，用以調(diào)用API。

更進一步，所述驗證令牌具體為：對于每個訪問請求創(chuàng)建的唯一安全令牌TOKEN，用以在用戶得到授權(quán)后登錄。

所述TOKEN進一步是由用戶登錄密碼和用戶請求的完整字符串生成的校驗值。

更進一步，所述參數(shù)至少包括：截取目標(biāo)網(wǎng)頁的寬和高、是否全頁截圖以及生成的縮略圖尺寸。

更進一步，所述HTTP請求的返回結(jié)果為JSON或XML格式，獲得網(wǎng)頁截圖為PNG格式。

基于上述本發(fā)明還提供了一種網(wǎng)頁截圖系統(tǒng)，包括：

截圖生成模塊，輸入需要截圖的網(wǎng)頁的URL，生成截取所述網(wǎng)頁的調(diào)用API代碼；用以根據(jù)所述調(diào)用API代碼向服務(wù)器進行一次HTTP請求，通過請求獲得網(wǎng)頁截圖；

預(yù)覽模塊，通過預(yù)覽查看生成的網(wǎng)頁截圖。

基于上述本發(fā)明還提供了一種實現(xiàn)網(wǎng)頁截圖的服務(wù)器，包括：

接收模塊，用于接收終端上載的用戶登錄信息、網(wǎng)頁的URL地址以及所述網(wǎng)頁的截圖；

解碼模塊，用于對接收到的請求進行解碼，并模擬打開并渲染目標(biāo)網(wǎng)頁；

保存模塊，用于將所述用戶登錄信息、所述網(wǎng)頁的URL與符合要求的截圖一并保存在服務(wù)器端。

本發(fā)明的有益效果：

1)本發(fā)明的方法，輸入需要截圖的網(wǎng)頁的URL，生成截取所述網(wǎng)頁的調(diào)用API代碼；根據(jù)所述調(diào)用API代碼向服務(wù)器進行一次HTTP請求，通過請求獲得網(wǎng)頁截圖。可實現(xiàn)自動化，由于提供了截圖API，并提供了使用各種編程語言調(diào)用API的具體實現(xiàn)方法，用戶可以方便地將截圖操作寫成計算機程序，實現(xiàn)截圖操作的自動化。

2)本發(fā)明可以實現(xiàn)定制化的截圖，用戶截圖時可以通過指定截圖參數(shù)(可以包括是否截取整個網(wǎng)頁、截圖后的縮放等)方便自由地獲取指定規(guī)格的網(wǎng)頁截圖。

3)本發(fā)明中的截圖系統(tǒng)，方便快速，用戶不需要安裝特定的軟件，也不需要學(xué)習(xí)具體軟件的使用方法，只需要訪問該系統(tǒng)所運行在的本地服務(wù)器中的網(wǎng)頁或使用設(shè)定格式的API即可獲得想要的截圖結(jié)果。

4)用戶通過使用本發(fā)明中系統(tǒng)中提供的穩(wěn)定服務(wù)可以自動化工作流程，減輕批量截圖的煩惱。

5)本發(fā)明可以實現(xiàn)可定制化，用戶使用本系統(tǒng)截圖時可以自定義選擇截取的網(wǎng)頁范圍及目標(biāo)圖片的尺寸大小等參數(shù)。

附圖說明

圖1是本發(fā)明一實施例中的一種網(wǎng)頁截圖方法具體實現(xiàn)步驟。

圖2是圖1中的調(diào)用API代碼具體流程示意圖。

圖3是圖1中的調(diào)用API代碼具體流程示意圖。

圖4是本發(fā)明一實施例中的網(wǎng)頁截圖系統(tǒng)結(jié)構(gòu)示意圖。

圖5是本發(fā)明一實施例中的實現(xiàn)網(wǎng)頁截圖的服務(wù)器結(jié)構(gòu)示意圖。

圖6是本發(fā)明一優(yōu)選實施例中的一種網(wǎng)頁截圖方法具體實現(xiàn)步驟

圖7是圖6中步驟S201-S202的一具體實現(xiàn)方式示意圖。

圖8是采用本發(fā)明的方法生成的截圖示意圖。

具體實施方式

為使本發(fā)明的目的、技術(shù)方案和優(yōu)點更加清楚明白，以下結(jié)合具體實施例，并參照附圖，對本發(fā)明進一步詳細說明。

請參考圖1-圖3，其中圖1是本發(fā)明一實施例中的一種網(wǎng)頁截圖方法具體實現(xiàn)步驟，圖2是圖1中的調(diào)用API代碼具體流程示意圖，圖3是圖1中的調(diào)用API代碼具體流程示意圖。

本實施例中的一種網(wǎng)頁截圖方法，包括如下步驟：

步驟S101輸入需要截圖的網(wǎng)頁的URL，生成截取所述網(wǎng)頁的調(diào)用API代碼；當(dāng)用戶需要對瀏覽的或目標(biāo)網(wǎng)頁進行截圖時，輸入需要截圖的網(wǎng)頁的URL。API即應(yīng)用程序編程接口(Application Programming Interface)，通過生成的調(diào)用API代碼能夠向服務(wù)器發(fā)出請求。

步驟S102根據(jù)所述調(diào)用API代碼向服務(wù)器進行一次HTTP請求，通過請求獲得網(wǎng)頁截圖。向服務(wù)器發(fā)出一次HTTP請求，并通過服務(wù)器響應(yīng)對應(yīng)的網(wǎng)頁截圖。

建立服務(wù)器的運行環(huán)境具體包括：

1.依序安裝所需環(huán)境組件。

2.運行models.py自動生成數(shù)據(jù)庫中相應(yīng)的表結(jié)構(gòu)，并自動添加公共賬號。

3.修改hosts文件，添加記錄“127.0.0.1www.link2img.com”。

安裝完成之后，運行main.py，啟動本地服務(wù)器。

通過上述實施例中的方法，能夠?qū)崿F(xiàn)自動化的截圖操作，不依賴于本地計算機的圖形功能，方便用戶執(zhí)行所需要的網(wǎng)頁截圖操作。

作為本實施例中的優(yōu)選，所述調(diào)用API代碼進一步包括：

步驟S201用戶登錄，輸入需要截圖的目標(biāo)網(wǎng)址和參數(shù)，

步驟S202監(jiān)聽鼠標(biāo)事件，獲取生成截圖操作指令。

本領(lǐng)域技術(shù)人員能夠明了，所述需要截圖的目標(biāo)網(wǎng)址即用戶感興趣的目標(biāo)內(nèi)容，比如用戶需要訪問“人人網(wǎng)”，即需要輸入的是：http://www.renren.com/的對應(yīng)URL。用戶需要訪問“微軟公司官方網(wǎng)站”，即需要輸入的是：http://www.microsoft.com/zh-cn的對應(yīng)URL。用戶訪問“蘋果”，即需要輸入的是：http://www.apple.com/cn/的對應(yīng)URL。在一些實施例中，所述參數(shù)至少包括：截取目標(biāo)網(wǎng)頁的寬和高、是否全頁截圖以及生成的縮略圖尺寸，從而實現(xiàn)定制化的截圖。所述鼠標(biāo)事件包括但不限于：單擊或者雙擊或者拖動。在本實施例中，用戶登錄的操作包括但不限于，用戶首次登錄時進行注冊，用戶登錄后設(shè)置的密碼(password)，用戶的用戶名。用戶首次登錄時進行注冊還可以包括：E-mail、公司名稱、手機號碼、公司主頁等內(nèi)容。作為本實施例中的優(yōu)選，可設(shè)置已截取好的目標(biāo)網(wǎng)頁截圖的截圖區(qū)域。以及提供所需截取網(wǎng)站的URL、視圖大小的寬和高、是否全頁截圖、縮略圖尺寸等參數(shù)的輸入顯示入口。同時，還包括用以鼠標(biāo)事件監(jiān)聽的“生成截圖”的按鈕。在本實施例中的調(diào)用API代碼，通過用戶登錄，輸入需要截圖的目標(biāo)網(wǎng)址和參數(shù)，再監(jiān)聽鼠標(biāo)事件，獲取生成截圖操作指令，操作起來方便、快捷。

作為本實施例中的優(yōu)選，所述調(diào)用API代碼進一步包括：

步驟S301采用規(guī)定格式的URL訪問API請求服務(wù)的HTTP接口，

步驟S302獲得所述規(guī)定格式的URL至少包括：APIKEY和驗證令牌。作為本實施例中的優(yōu)選，所述APIKEY具體為：用戶注冊后分配給用戶的唯一標(biāo)識符，用以調(diào)用API。作為本實施例中的優(yōu)選，所述驗證令牌具體為：對于每個訪問請求創(chuàng)建的唯一安全令牌TOKEN，用以在用戶得到授權(quán)后登錄，可以有效地防止其他用戶冒用賬號進行登錄。具體地，所述TOKEN進一步是由用戶登錄密碼和用戶請求的完整字符串生成的校驗值，優(yōu)選地校驗算法包括但不限于：MD5算法。在本實施例中的調(diào)用API代碼，采用規(guī)定格式的URL訪問API請求服務(wù)的HTTP接口，只要符合API服務(wù)的調(diào)用請求，則可以獲得需要進行網(wǎng)頁截圖的預(yù)覽。

作為本實施例中的優(yōu)選，驗證令牌的生成方式包括但不限于：PHP、Ruby、Python和Bash代碼。

圖4是本發(fā)明一實施例中的網(wǎng)頁截圖系統(tǒng)結(jié)構(gòu)示意圖。

本實施例中的一種網(wǎng)頁截圖系統(tǒng)，包括：截圖生成模塊1，用以輸入需要截圖的網(wǎng)頁的URL，生成截取所述網(wǎng)頁的調(diào)用API代碼；用以根據(jù)所述調(diào)用API代碼向服務(wù)器進行一次HTTP請求，通過請求獲得網(wǎng)頁截圖；在截圖生成模塊1，包括了兩種所述調(diào)用API代碼的方式。方式1：用戶登錄，輸入需要截圖的目標(biāo)網(wǎng)址和參數(shù)，監(jiān)聽鼠標(biāo)事件，獲取生成截圖操作指令。方式2：采用規(guī)定格式的URL訪問API請求服務(wù)的HTTP接口，所述規(guī)定格式的URL至少包括：APIKEY和驗證令牌。

在方式1中，用戶通過登錄到本地服務(wù)器，輸入需要截圖的目標(biāo)網(wǎng)址和參數(shù)后即可獲得所需要的截圖。在方式2中，用戶通過規(guī)定格式的URL訪問API請求服務(wù)的HTTP接口，即可獲得所需要的截圖。需要說明的，其中的截圖操作并不是在本地完成，而是由服務(wù)器在后臺模擬打開并渲染目標(biāo)網(wǎng)頁，然后截取符合要求的截圖并保存在服務(wù)器端。

預(yù)覽模塊2，用以向用戶以預(yù)覽方式傳送截圖，通過所述截圖生成模塊1中的返回結(jié)果，所述HTTP請求的返回結(jié)果為JSON或XML格式，獲得網(wǎng)頁截圖為PNG格式。本實施例中的截圖系統(tǒng)，方便快速，用戶不需要安裝特定的軟件，也不需要學(xué)習(xí)具體軟件的使用方法，只需要訪問本地服務(wù)器中網(wǎng)頁或使用設(shè)定格式的API即可獲得想要的截圖結(jié)果。

作為本實施例中的優(yōu)選，用戶首次通過本發(fā)明中的系統(tǒng)請求網(wǎng)頁截圖只需要幾秒時間就可以返回圖片結(jié)果。由于本系統(tǒng)有緩存機制，所以用戶第二次請求相同網(wǎng)頁截圖時只需要毫秒級的時間就可以得到截圖結(jié)果。

圖5是本發(fā)明一實施例中的實現(xiàn)網(wǎng)頁截圖的服務(wù)器結(jié)構(gòu)示意圖。

本實施例中的一種實現(xiàn)網(wǎng)頁截圖的服務(wù)器，包括：

接收模塊100，用于接收終端上載的用戶登錄信息、網(wǎng)頁的URL地址以及所述網(wǎng)頁的截圖；

解碼模塊200，用于對接收到的請求進行解碼，并模擬打開并渲染目標(biāo)網(wǎng)頁；

保存模塊300，用于將所述用戶登錄信息、所述網(wǎng)頁的URL與符合要求的截圖一并保存在服務(wù)器端。

在所述服務(wù)器上，若所述截圖生成模塊1，調(diào)用API代碼的方式為：用戶登錄，輸入需要截圖的目標(biāo)網(wǎng)址和參數(shù)，監(jiān)聽鼠標(biāo)事件，獲取生成截圖操作指令，則在預(yù)覽模塊2上通過預(yù)覽的方式顯示保存模塊300中符合要求的截圖。

在所述服務(wù)器上，若所述截圖生成模塊1，調(diào)用API代碼的方式為：采用規(guī)定格式的URL訪問API請求服務(wù)的HTTP接口，所述規(guī)定格式的URL至少包括：APIKEY和驗證令牌，則直接返回保存模塊300中符合要求的截圖。所述APIKEY具體為：用戶注冊后分配給用戶的唯一標(biāo)識符，用以調(diào)用API。作為本實施例中的優(yōu)選，所述驗證令牌具體為：對于每個訪問請求創(chuàng)建的唯一安全令牌TOKEN，用以在用戶得到授權(quán)后登錄，可以有效地防止其他用戶冒用賬號進行登錄。

在所述解碼模塊200中在后臺模擬打開并渲染目標(biāo)網(wǎng)頁，然后截取符合要求的截圖并保存在服務(wù)器端。

作為本實施例中的優(yōu)選，根據(jù)所述調(diào)用API代碼向服務(wù)器進行一次HTTP請求，所述HTTP請求的返回結(jié)果為JSON或XML格式，獲得網(wǎng)頁截圖為PNG格式。

圖6是本發(fā)明一優(yōu)選實施例中的網(wǎng)頁截圖方法流程示意圖。

步驟S101輸入需要截圖的網(wǎng)頁的URL，生成截取所述網(wǎng)頁的調(diào)用API代碼；當(dāng)用戶需要對瀏覽的或目標(biāo)網(wǎng)頁進行截圖時，輸入需要截圖的網(wǎng)頁的URL。

步驟S201用戶登錄，輸入需要截圖的目標(biāo)網(wǎng)址和參數(shù)，

步驟S202監(jiān)聽鼠標(biāo)事件，獲取生成截圖操作指令，進入步驟S102；

或者，

步驟S301采用規(guī)定格式的URL訪問API請求服務(wù)的HTTP接口，

步驟S302所述規(guī)定格式的URL至少包括：APIKEY和驗證令牌，進入步驟S102；

步驟S102根據(jù)所述調(diào)用API代碼向服務(wù)器進行一次HTTP請求，通過請求獲得網(wǎng)頁截圖。

用戶提交提交截圖有兩種方式，一種是在后臺管理頁面，輸入指定的參數(shù)，點擊按鈕生成截圖；即步驟S201～步驟S202：用戶登錄，輸入需要截圖的目標(biāo)網(wǎng)址和參數(shù)，監(jiān)聽鼠標(biāo)事件，獲取生成截圖操作指令。用戶通過訪問此URL即可獲得截圖。用戶登錄后輸入所需截取網(wǎng)站的URL、視圖大小的寬和高、是否全頁截圖、縮略圖尺寸等參數(shù)的輸入?yún)^(qū)域，即可獲得所需的目標(biāo)截圖。同時能夠自動生成截圖URL。

另一種方式是直接調(diào)用截圖API得到截圖。即步驟S301～步驟S302采用規(guī)定格式的URL訪問API請求服務(wù)的HTTP接口，所述規(guī)定格式的URL至少包括：APIKEY和驗證令牌。

用戶通過調(diào)用API獲得截圖需要訪問如下格式的URL:http://www.link2img.com/png/<APIKEY>/<TOKEN>/？queryString。

其中，所述<APIKEY>是用戶調(diào)用API所需要提供的八位代碼，用戶登錄后可以獲得。

所述<TOKEN>是用戶獲取截圖時的驗證令牌，可以通過多種校驗方法計算得到。優(yōu)選地，使用MD5校驗算法。

所述queryString中包含了所需截圖網(wǎng)站的網(wǎng)址和截圖可用的參數(shù)。在本實施例匯總，若要截取百度首頁，且所選參數(shù)為全頁截圖，那么一種可能的符合格式規(guī)范的URL為：

http://www.link2img.com/png/PSDXHBYA/d332948efc4632e6f5de30a7adeee0cd/？url＝http://www.baidu.com&fullpage＝1

用戶直接訪問鏈接即可獲得截圖。

所述queryString中可選的參數(shù)如表1所示，參數(shù)填寫的示例如表2所示。

表1可選參數(shù)表

表2參數(shù)示例表

通過上述步驟，用戶選擇需要的參數(shù)按格式訪問URL即可獲得截圖。例如，訪問如下URL即可獲得截圖，具體如圖8所示。

http://www.link2img.com/png/PSDXHBYA/1294ec88b169f8d7d5fa69db1e60201a/？url＝http％3A％2F％2Fwww.microsoft.com％2Fzh-cn&viewport_width＝320&viewport_height＝480&thumbnail_max_width＝275

在一些實施例中，訪問使用情況報告所提供的鏈接可以獲取當(dāng)前用戶帳號已使用的截圖次數(shù)。進一步的，通過微信掃描的功能，將二維碼分享到朋友圈，可以獲得額外的API請求次數(shù)。

圖7是圖6中步驟S201-S202的一具體實現(xiàn)方式示意圖。

在本實施例中的實現(xiàn)方式中，本頁面包含兩大部分:截圖區(qū)域和詳細介紹。截圖區(qū)域的上方是自動生成的截圖URL，用戶通過訪問此URL即可獲得截圖。截圖區(qū)域的左側(cè)是已截取好的目標(biāo)網(wǎng)頁截圖(即百度的網(wǎng)頁截圖)。截圖區(qū)域的右側(cè)是所需截取網(wǎng)站的URL、視圖大小的寬和高、是否全頁截圖、縮略圖尺寸等參數(shù)的輸入?yún)^(qū)域。用戶寫入合適的參數(shù)后點擊“生成截圖”，稍等片刻就可以在左側(cè)區(qū)域中獲得所需的目標(biāo)截圖。詳細介紹中模板指的是調(diào)用本系統(tǒng)API進行截圖時URL應(yīng)遵守的格式。示例是一條符合本模板的API調(diào)用的例子，也是截圖區(qū)域默認給出的截圖地址?？蛇x參數(shù)介紹了截圖時可以使用的幾項參數(shù)，并給出了相應(yīng)的默認值和參數(shù)的設(shè)置方法。API key指的是用戶調(diào)用截圖API所需要提供的八位API。免費剩余條數(shù)提示的是當(dāng)前用戶剩余可用的新截圖個數(shù)。

所屬領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解：以上，所述僅為本發(fā)明的具體實施例而已，并不用于限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所做的任何修改、等同替換、改進等，均應(yīng)包含在本發(fā)明的保護范圍之內(nèi)。