本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別是一種從網(wǎng)頁中獲取二維碼信息的方法及系統(tǒng)。

背景技術(shù)：
二維碼（2Dbarcode)是在條形碼基礎(chǔ)上發(fā)展出來的，用某種特定的幾何圖形按一定規(guī)律在平面（二維方向）分布的黑白相間的圖形用于記錄數(shù)據(jù)信息。其在代碼編制上巧妙地利用構(gòu)成計算機(jī)內(nèi)部邏輯基礎(chǔ)的“0”、“1”比特流的概念，使用若干個與二進(jìn)制相對應(yīng)的幾何形體來表示文字?jǐn)?shù)值信息。由于，二維碼相較于條形碼具有信息量更大的優(yōu)勢，因此在現(xiàn)代商業(yè)活動中得到了十分廣泛的應(yīng)用，如：產(chǎn)品防偽/溯源、廣告推送、網(wǎng)站鏈接、數(shù)據(jù)下載、商品交易、定位/導(dǎo)航、電子憑證、車輛管理等等。目前，二維碼的識別過程一般是通過圖像輸入設(shè)備（如攝像頭等）或光電掃描設(shè)備獲取二維碼圖像后，自動解碼識讀所獲取的二維碼圖像以實(shí)現(xiàn)信息的自動處理。隨著移動終端和互聯(lián)網(wǎng)技術(shù)的發(fā)展，人們越來越多的通過手機(jī)等移動終端對網(wǎng)頁進(jìn)行訪問。而通過移動終端訪問網(wǎng)頁的過程中存在以下問題：網(wǎng)頁中存在著一些二維碼圖片，而基于前述目前二維碼的識別方式的原因，移動終端無法直接地獲取網(wǎng)頁中相關(guān)二維碼所存儲的信息。如果想獲取相應(yīng)的信息，就需要利用另外的終端進(jìn)行拍攝或掃描來獲取二維碼圖像后再進(jìn)行相應(yīng)識別，用戶的體驗(yàn)較差。

技術(shù)實(shí)現(xiàn)要素：
本發(fā)明實(shí)施例的主要目的在于提供一種從網(wǎng)頁中獲取二維碼信息的方法及系統(tǒng)。本發(fā)明實(shí)施例的目的是通過下述技術(shù)方案予以實(shí)現(xiàn)的：一種從網(wǎng)頁中獲取二維碼信息的方法，其特征在于，包括：遍歷網(wǎng)頁中的各個節(jié)點(diǎn)，判斷當(dāng)前節(jié)點(diǎn)是否為圖片節(jié)點(diǎn)；如果當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)，則獲取該圖片節(jié)點(diǎn)的圖片信息；根據(jù)所獲取的圖片信息，判斷該圖片信息是否為二維碼圖片；如果該圖片信息為二維碼圖片，則識別該二維碼圖片，獲取該二維碼圖片中所存儲的二維碼信息；建立該二維碼信息與相應(yīng)二維碼圖片節(jié)點(diǎn)之間的對應(yīng)關(guān)系。所述如果當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)，則獲取該圖片節(jié)點(diǎn)的圖片信息，包括：如果當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)，則判斷該圖片節(jié)點(diǎn)是否進(jìn)行顯示；如果所述圖片節(jié)點(diǎn)進(jìn)行顯示，則獲取該圖片節(jié)點(diǎn)的圖片信息。還包括：在接收到點(diǎn)擊該二維碼圖片節(jié)點(diǎn)的指令后，顯示所述二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息，或者鏈接至所述二維碼圖片節(jié)點(diǎn)對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。還包括：建立與所述二維碼圖片節(jié)點(diǎn)相對應(yīng)的按鈕；在接收到點(diǎn)擊所述按鈕的指令后，顯示所述二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息，或者鏈接至所述二維碼圖片節(jié)點(diǎn)對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。一種從網(wǎng)頁中獲取二維碼信息的系統(tǒng)，其特征在于，包括：節(jié)點(diǎn)遍歷單元、圖片信息獲取單元、二維碼圖片判斷單元、二維碼圖片識別單元、二維碼信息對應(yīng)單元；所述節(jié)點(diǎn)遍歷單元，用于遍歷網(wǎng)頁中的各個節(jié)點(diǎn)，判斷當(dāng)前節(jié)點(diǎn)是否為圖片節(jié)點(diǎn)；所述圖片信息獲取單元，用于在當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)時，獲取該圖片節(jié)點(diǎn)的圖片信息；所述二維碼圖片判斷單元，用于根據(jù)所獲取的圖片信息，判斷該圖片信息是否為二維碼圖片；所述二維碼圖片識別單元，用于在該圖片信息為二維碼圖片時，識別該二維碼圖片，獲取該二維碼圖片中所存儲的二維碼信息；所述二維碼信息對應(yīng)單元，用于建立該二維碼信息與相應(yīng)二維碼圖片節(jié)點(diǎn)之間的對應(yīng)關(guān)系。還包括：圖片節(jié)點(diǎn)顯示判斷單元；所述圖片節(jié)點(diǎn)顯示判斷單元，用于在當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)時，判斷該圖片節(jié)點(diǎn)是否進(jìn)行顯示；所述圖片信息獲取單元，用于在該圖片節(jié)點(diǎn)為進(jìn)行顯示時，獲取該圖片節(jié)點(diǎn)的圖片信息。還包括：二維碼執(zhí)行單元；所述二維碼執(zhí)行單元，用于在接收到點(diǎn)擊所述二維碼圖片節(jié)點(diǎn)的指令后，顯示所述二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息，或者鏈接至所述二維碼圖片節(jié)點(diǎn)對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。還包括：二維碼按鈕建立單元和二維碼執(zhí)行單元；所述二維碼按鈕建立單元，用于建立與所述二維碼圖片節(jié)點(diǎn)相對應(yīng)的按鈕；所述二維碼執(zhí)行單元，用于在接收到點(diǎn)擊所述按鈕的指令后，顯示所述二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息，或者鏈接至所述二維碼圖片節(jié)點(diǎn)對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。通過本發(fā)明實(shí)施例，用戶無需利用另外的終端進(jìn)行拍攝或掃描來獲取相關(guān)二維碼信息，而是可以直接通過該瀏覽器即可獲取相關(guān)二維碼信息，方便了用戶使用。附圖說明此處所說明的附圖用來提供對本發(fā)明的進(jìn)一步理解，構(gòu)成本申請的一部分，并不構(gòu)成對本發(fā)明的限定。在附圖中：圖1為從網(wǎng)頁中獲取二維碼信息的方法的流程圖；圖2為從網(wǎng)頁中獲取二維碼信息的方法實(shí)施例二的流程圖；圖3為從網(wǎng)頁中獲取二維碼信息的系統(tǒng)的結(jié)構(gòu)示意圖；圖4為從網(wǎng)頁中獲取二維碼信息的系統(tǒng)實(shí)施例六的結(jié)構(gòu)示意圖。具體實(shí)施方式為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚明白，下面結(jié)合實(shí)施方式和附圖，對本發(fā)明做進(jìn)一步詳細(xì)說明。在此，本發(fā)明的示意性實(shí)施方式及其說明用于解釋本發(fā)明，但并不作為對本發(fā)明的限定。實(shí)施例一圖1為從網(wǎng)頁中獲取二維碼信息的方法的流程圖。如圖所示，該從網(wǎng)頁中獲取二維碼信息的方法，包括：S1，遍歷網(wǎng)頁中的各個節(jié)點(diǎn)，判斷當(dāng)前節(jié)點(diǎn)是否為圖片節(jié)點(diǎn)；具體的，可以通過網(wǎng)頁的DOMTree來對網(wǎng)頁的各個節(jié)點(diǎn)進(jìn)行遍歷。DOMTree是指通過DOM將HTML頁面進(jìn)行解析，并生成的HTMLtree樹狀結(jié)構(gòu)和對應(yīng)訪問方法。S2，如果當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)，則獲取該圖片節(jié)點(diǎn)的圖片信息；S3，根據(jù)所獲取的圖片信息，判斷該圖片信息是否為二維碼圖片；這里，我們可以將所述圖片信息發(fā)送至二維碼圖片識別單元進(jìn)行二維碼識別，根據(jù)該識別裝置是否能夠成功識別二維碼判斷該圖片信息是否為二維碼圖片。S4，如果該圖片信息為二維碼圖片，則識別該二維碼圖片，獲取該二維碼圖片中所存儲的二維碼信息；S5，建立該二維碼信息與相應(yīng)二維碼圖片節(jié)點(diǎn)之間的對應(yīng)關(guān)系。本發(fā)明實(shí)施例在具體實(shí)施時可實(shí)施在瀏覽器中。當(dāng)用戶打開瀏覽器瀏覽網(wǎng)頁時，網(wǎng)頁加載完后即可啟動上述從網(wǎng)頁中獲取二維碼信息的方法。本發(fā)明實(shí)施例所提供的方法逐個識別網(wǎng)頁中的各個圖片節(jié)點(diǎn)，如果成功識別出圖片為二維碼圖片，則獲取該圖片的二維碼信息并與該圖片節(jié)點(diǎn)建立對應(yīng)關(guān)系，以備用戶在進(jìn)行相關(guān)操作時可以獲取該圖片節(jié)點(diǎn)所對應(yīng)的二維碼信息。通過上述方法，用戶無需利用另外的終端進(jìn)行拍攝或掃描來獲取相關(guān)二維碼信息，而是可以直接通過該瀏覽器即可獲取相關(guān)二維碼信息，方便了用戶使用。應(yīng)當(dāng)指出，上述本發(fā)明實(shí)施例所提供的方法并不僅限于移動終端使用，在個人電腦等固定終端中同樣適用。實(shí)施例二由于網(wǎng)頁中有部分圖片節(jié)點(diǎn)是并不顯示的，而二維碼圖片必然是需要在網(wǎng)頁上進(jìn)行顯示的。因此，在本實(shí)施例中，我們還依據(jù)圖片節(jié)點(diǎn)是否進(jìn)行顯示來進(jìn)一步對圖片節(jié)點(diǎn)進(jìn)行篩選，以提高該方法的處理效率。如圖2所示，優(yōu)選地，所述如果當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)，則獲取該圖片節(jié)點(diǎn)的圖片信息，包括：S21，如果當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)，則判斷該圖片節(jié)點(diǎn)是否進(jìn)行顯示；S22，如果該圖片節(jié)點(diǎn)不進(jìn)行顯示，則忽略該節(jié)點(diǎn)，不作處理。S23，如果該圖片節(jié)點(diǎn)進(jìn)行顯示，則獲取該圖片節(jié)點(diǎn)的圖片信息。如前所述，由于二維碼圖片必然是需要在網(wǎng)頁上進(jìn)行顯示的，因此不進(jìn)行顯示的圖片節(jié)點(diǎn)必然不是我們所需要的二維碼圖片節(jié)點(diǎn)。我們通過上述判斷步驟可以更快的篩選出二維碼圖片節(jié)點(diǎn)，提高該方法的處理效率。關(guān)于節(jié)點(diǎn)是否進(jìn)行顯示的判斷，我們可以通過該節(jié)點(diǎn)對應(yīng)的render樹中的“display”屬性值是否為“none”,或者“visibility”屬性值是否為“hidden”來判斷。例如，<imgsrc="/images/LOGO.png"/style="display:none；">，即說明該節(jié)點(diǎn)為不進(jìn)行顯示的節(jié)點(diǎn)，因此不需要對其進(jìn)行二維碼圖片判斷。實(shí)施例三本實(shí)施例在前述實(shí)施例一的基礎(chǔ)上，所述從網(wǎng)頁中獲取二維碼信息的方法，還包括：在接收到點(diǎn)擊該二維碼圖片節(jié)點(diǎn)的指令后，顯示該二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息，或者鏈接至該二維碼圖片節(jié)點(diǎn)對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。根據(jù)本實(shí)施例所提供的方案，在建立二維碼信息與相應(yīng)二維碼圖片節(jié)點(diǎn)之間的對應(yīng)關(guān)系后，用戶可以通過點(diǎn)擊該二維碼圖片節(jié)點(diǎn)操作來實(shí)現(xiàn)獲取該二維碼信息或鏈接至該二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址的操作。通過本實(shí)施例，用戶無需利用另外的終端進(jìn)行拍攝或掃描來獲取相關(guān)二維碼信息，而是可以直接通過該瀏覽器即可獲取相關(guān)二維碼信息，方便了用戶使用。實(shí)施例四本實(shí)施例在前述實(shí)施例一的基礎(chǔ)上，所述從網(wǎng)頁中獲取二維碼信息的方法，還包括：建立與所述二維碼圖片節(jié)點(diǎn)相對應(yīng)的按鈕；在接收到點(diǎn)擊所述按鈕的指令后，顯示該二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息，或者鏈接至該二維碼圖片節(jié)點(diǎn)對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。通過本實(shí)施例，在建立二維碼信息與相應(yīng)二維碼圖片節(jié)點(diǎn)之間的對應(yīng)關(guān)系后，會在該圖片上顯示提示用戶這是個二維碼圖片的按鈕。當(dāng)用戶點(diǎn)擊該按鈕時，則顯示該二維碼信息或鏈接至該二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。實(shí)施例五圖3為從網(wǎng)頁中獲取二維碼信息的系統(tǒng)的結(jié)構(gòu)示意圖。如圖所示，該從網(wǎng)頁中獲取二維碼信息的系統(tǒng)，包括：節(jié)點(diǎn)遍歷單元1、圖片信息獲取單元2、二維碼圖片判斷單元3、二維碼圖片識別單元4、二維碼信息對應(yīng)單元5。所述節(jié)點(diǎn)遍歷單元1，用于遍歷網(wǎng)頁中的各個節(jié)點(diǎn)，判斷當(dāng)前節(jié)點(diǎn)是否為圖片節(jié)點(diǎn)；具體的，該節(jié)點(diǎn)遍歷單元1可以通過網(wǎng)頁的DOMTree來對網(wǎng)頁的各個節(jié)點(diǎn)進(jìn)行遍歷。DOMTree是指通過DOM將HTML頁面進(jìn)行解析，并生成的HTMLtree樹狀結(jié)構(gòu)和對應(yīng)訪問方法。所述圖片信息獲取單元2，用于在當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)時，獲取該圖片節(jié)點(diǎn)的圖片信息；所述二維碼圖片判斷單元3，用于根據(jù)所獲取的圖片信息，判斷該圖片信息是否為二維碼圖片；所述二維碼圖片識別單元4，用于在該圖片信息為二維碼圖片時，識別該二維碼圖片，獲取該二維碼圖片中所存儲的二維碼信息；這里，該二維碼圖片判斷單元3和二維碼圖片識別單元4可以整合在一起，通過將所述圖片信息發(fā)送至二維碼圖片識別單元進(jìn)行二維碼識別，根據(jù)該識別裝置是否能夠成功識別二維碼判斷該圖片信息是否為二維碼圖片。此方案亦應(yīng)在本發(fā)明的保護(hù)范圍之內(nèi)。所述二維碼信息對應(yīng)單元5，用于建立該二維碼信息與相應(yīng)二維碼圖片節(jié)點(diǎn)之間的對應(yīng)關(guān)系。本發(fā)明實(shí)施例在具體實(shí)施時可實(shí)施在瀏覽器中。當(dāng)用戶打開瀏覽器瀏覽網(wǎng)頁時，網(wǎng)頁加載完后即可啟動上述從網(wǎng)頁中獲取二維碼信息的系統(tǒng)。本發(fā)明實(shí)施例所提供的系統(tǒng)逐個識別網(wǎng)頁中的各個圖片節(jié)點(diǎn)，如果成功識別出圖片為二維碼圖片，則獲取該圖片的二維碼信息并與該圖片節(jié)點(diǎn)建立對應(yīng)關(guān)系，以備用戶在進(jìn)行相關(guān)操作時可以獲取該圖片節(jié)點(diǎn)所對應(yīng)的二維碼信息。通過上述系統(tǒng)，用戶無需利用另外的終端進(jìn)行拍攝或掃描來獲取相關(guān)二維碼信息，而是可以直接通過該瀏覽器即可獲取相關(guān)二維碼信息，方便了用戶使用。應(yīng)當(dāng)指出，上述本發(fā)明實(shí)施例所提供的系統(tǒng)并不僅限于移動終端使用，在個人電腦等固定終端中同樣適用。實(shí)施例六由于網(wǎng)頁中有部分圖片節(jié)點(diǎn)是并不顯示的，而二維碼圖片必然是需要在網(wǎng)頁上進(jìn)行顯示的。因此，在本實(shí)施例中，我們還依據(jù)圖片節(jié)點(diǎn)是否進(jìn)行顯示來進(jìn)一步對圖片節(jié)點(diǎn)進(jìn)行篩選，以提高該方法的處理效率。如圖4所示，優(yōu)選地，該從網(wǎng)頁中獲取二維碼信息的系統(tǒng)，還包括：圖片節(jié)點(diǎn)顯示判斷單元6。所述圖片節(jié)點(diǎn)顯示判斷單元6，用于在當(dāng)前節(jié)點(diǎn)為圖片節(jié)點(diǎn)時，判斷該圖片節(jié)點(diǎn)是否進(jìn)行顯示；所述圖片信息獲取單元2，用于在該圖片節(jié)點(diǎn)為進(jìn)行顯示時，獲取該圖片節(jié)點(diǎn)的圖片信息。如前所述，由于二維碼圖片必然是需要在網(wǎng)頁上進(jìn)行顯示的，因此不進(jìn)行顯示的圖片節(jié)點(diǎn)必然不是我們所需要的二維碼圖片節(jié)點(diǎn)。我們通過上述圖片節(jié)點(diǎn)顯示判斷單元6對圖片節(jié)點(diǎn)是否進(jìn)行顯示判斷可以更快的篩選出二維碼圖片節(jié)點(diǎn)，提高該方法的處理效率。關(guān)于節(jié)點(diǎn)是否進(jìn)行顯示的判斷，圖片節(jié)點(diǎn)顯示判斷單元6可以通過該節(jié)點(diǎn)對應(yīng)的render樹中的“display”屬性值是否為“none”,或者“visibility”屬性值是否為“hidden”來判斷。例如，<imgsrc="/images/LOGO.png"/style="display:none；">，即說明該節(jié)點(diǎn)為不進(jìn)行顯示的節(jié)點(diǎn)，因此不需要對其進(jìn)行二維碼圖片判斷。實(shí)施例七本實(shí)施例在前述實(shí)施例五的基礎(chǔ)上，所述從網(wǎng)頁中獲取二維碼信息的系統(tǒng)，還包括：二維碼執(zhí)行單元。所述二維碼執(zhí)行單元，用于在接收到點(diǎn)擊該二維碼圖片節(jié)點(diǎn)的指令后，顯示該二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息，或者鏈接至該二維碼圖片節(jié)點(diǎn)對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。根據(jù)本實(shí)施例所提供的方案，在建立二維碼信息與相應(yīng)二維碼圖片節(jié)點(diǎn)之間的對應(yīng)關(guān)系后，用戶可以通過點(diǎn)擊該二維碼圖片節(jié)點(diǎn)操作來實(shí)現(xiàn)獲取該二維碼信息或鏈接至該二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址的操作。通過本實(shí)施例，用戶無需利用另外的終端進(jìn)行拍攝或掃描來獲取相關(guān)二維碼信息，而是可以直接通過該瀏覽器即可獲取相關(guān)二維碼信息，方便了用戶使用。實(shí)施例八本實(shí)施例在前述實(shí)施例五的基礎(chǔ)上，所述從網(wǎng)頁中獲取二維碼信息的系統(tǒng)，還包括：二維碼按鈕建立單元和二維碼執(zhí)行單元。所述二維碼按鈕建立單元，用于建立與所述二維碼圖片節(jié)點(diǎn)相對應(yīng)的按鈕；所述二維碼執(zhí)行單元，用于在接收到點(diǎn)擊所述按鈕的指令后，顯示該二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息，或者鏈接至該二維碼圖片節(jié)點(diǎn)對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。通過本實(shí)施例，在二維碼信息對應(yīng)單元5建立二維碼信息與相應(yīng)二維碼圖片節(jié)點(diǎn)之間的對應(yīng)關(guān)系后，二維碼按鈕建立單元會在該圖片上顯示提示用戶這是個二維碼圖片的按鈕。當(dāng)用戶點(diǎn)擊該按鈕時，二維碼執(zhí)行單元則顯示該二維碼信息或鏈接至該二維碼圖片節(jié)點(diǎn)相對應(yīng)的二維碼信息所指向的網(wǎng)絡(luò)地址。綜上所述，本發(fā)明實(shí)施例提供了一種從網(wǎng)頁中獲取二維碼信息的方法及系統(tǒng)。該方法及系統(tǒng)通過便利網(wǎng)頁中的各個節(jié)點(diǎn)，并識別其中的二維碼圖片節(jié)點(diǎn)，自動建立二維碼信息與相應(yīng)二維碼圖片節(jié)點(diǎn)之間的對應(yīng)關(guān)系。通過上述方法及系統(tǒng)，用戶無需利用另外的終端進(jìn)行拍攝或掃描來獲取相關(guān)二維碼信息，而是可以直接通過該瀏覽器即可獲取相關(guān)二維碼信息，方便了用戶使用。本領(lǐng)域一般技術(shù)人員在此設(shè)計思想之下所做任何不具有創(chuàng)造性的改造，均應(yīng)視為在本發(fā)明的保護(hù)范圍之內(nèi)。