專利名稱：一種基于網(wǎng)頁元素與用戶進(jìn)行互動的方法與設(shè)備的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種基于網(wǎng)頁元素與用戶進(jìn)行互動的方法與設(shè)備。
背景技術(shù)：
隨著互聯(lián)網(wǎng)技術(shù)的廣泛的應(yīng)用，網(wǎng)頁游戲因其無需下載客戶端，而僅需進(jìn)入特定的網(wǎng)頁即可開始游戲而受到歡迎。目前，網(wǎng)頁游戲主要基于內(nèi)嵌在網(wǎng)頁中的flash，并且游戲僅在該flash的顯示區(qū)域內(nèi)進(jìn)行，而不能在整個網(wǎng)頁中進(jìn)行。然而上述實(shí)現(xiàn)方式存在如下缺點(diǎn)首先，游戲必須基于特定的網(wǎng)頁才可進(jìn)行，例如，用戶需在瀏覽器中輸入該網(wǎng)頁游戲所對應(yīng)的URL(統(tǒng)一資源定位符)以打開該游戲的網(wǎng)頁并進(jìn)行游戲，然而，若該網(wǎng)頁的服務(wù)器暫時無法訪問，則用戶無法進(jìn)行游戲，從而影響用戶體驗；其次，各網(wǎng)頁游戲中存在一些通用的實(shí)現(xiàn)邏輯，如游戲角色的確定、游戲角色在網(wǎng)頁中的移動等，若在每個網(wǎng)頁游戲中分別實(shí)現(xiàn)該些邏輯，將增加網(wǎng)頁修改與調(diào)試的工作量，更近一步地，除網(wǎng)頁游戲外，還存在其他通用的用于與用戶進(jìn)行互動的互動邏輯分別在不同的網(wǎng)頁中各自實(shí)現(xiàn)，例如，諸如注冊賬號網(wǎng)頁、發(fā)布評論網(wǎng)頁中都存在的校驗碼輸入邏輯，以用于確認(rèn)當(dāng)前操作為人工操作而非機(jī)器操作，雖然這些校驗邏輯的實(shí)現(xiàn)幾乎相同；再如，存在不同網(wǎng)頁分別實(shí)現(xiàn)針對其中某些網(wǎng)頁元素的動畫邏輯，雖然這些動畫邏輯也是相同的，這些都將導(dǎo)致較高的網(wǎng)頁開發(fā)與維護(hù)成本。因此，如何基于任意網(wǎng)頁中的網(wǎng)頁元素與用戶進(jìn)行互動成為亟需解決的問題。

發(fā)明內(nèi)容
本發(fā)明的目的是提供一種基于任意網(wǎng)頁中的網(wǎng)頁元素與用戶進(jìn)行互動的方法與設(shè)備。根據(jù)本發(fā)明的一個方面，提供一種計算機(jī)實(shí)現(xiàn)的基于任意網(wǎng)頁中的網(wǎng)頁元素與用戶進(jìn)行互動的方法，其中，該方法包括以下步驟a獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)；b根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊；c根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。根據(jù)本發(fā)明的一個方面，提供一種基于任意網(wǎng)頁中的網(wǎng)頁元素與用戶進(jìn)行互動的設(shè)備，其中，該設(shè)備包括塊樹獲取裝置，用于獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)；互動塊獲取裝置，用于根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊；渲染裝置，用于根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。與現(xiàn)有技術(shù)相比，本發(fā)明具有以下優(yōu)點(diǎn)一方面，用戶可基于任意已在瀏覽器中打開的網(wǎng)頁即可進(jìn)行預(yù)定的互動(如游戲等)，而無需訪問互聯(lián)網(wǎng)服務(wù)器中特定的互動網(wǎng)頁， 從而提升用戶體驗；一方面，通過在各不同網(wǎng)頁中分享通用的互動邏輯(如身份驗證邏輯， 動畫邏輯等)，減少各網(wǎng)頁開發(fā)調(diào)試的工作量，從而節(jié)約時間成本，同時，由于該互動邏輯通過直接操作瀏覽器內(nèi)核數(shù)據(jù)實(shí)現(xiàn)，其相較于基于諸如Javascript腳本實(shí)現(xiàn)的互動邏輯具有更高的執(zhí)行效率，這對于在處理性能尚有欠缺的用戶設(shè)備(如智能手機(jī)，PDA等)中進(jìn)行網(wǎng)頁互動具有現(xiàn)實(shí)意義；另一方面，本發(fā)明無需網(wǎng)頁中預(yù)置動畫邏輯，即可實(shí)現(xiàn)基于網(wǎng)頁中任意網(wǎng)頁元素的動畫效果，從而提高網(wǎng)頁瀏覽的趣味性，提升用戶體驗。


通過閱讀參照以下附圖所作的對非限制性實(shí)施例所作的詳細(xì)描述，本發(fā)明的其它特征、目的和優(yōu)點(diǎn)將會變得更明顯圖1示出瀏覽器內(nèi)核的工作原理圖；圖2示出根據(jù)本發(fā)明一個方面基于網(wǎng)頁元素與用戶進(jìn)行互動的設(shè)備示意圖；圖3示出根據(jù)本發(fā)明另一個方面基于網(wǎng)頁元素與用戶進(jìn)行互動的方法流程圖；附圖中相同或相似的附圖標(biāo)記代表相同或相似的部件。
具體實(shí)施例方式下面結(jié)合附圖對本發(fā)明作進(jìn)一步詳細(xì)描述。瀏覽器內(nèi)核包括瀏覽器的頁面渲染引擎，其將網(wǎng)頁內(nèi)容渲染到瀏覽器的頁面顯示區(qū)域中。現(xiàn)有主流瀏覽器內(nèi)核包括IE瀏覽器使用的Trident內(nèi)核、Firefox瀏覽器使用的 Gecko內(nèi)核、Safari瀏覽器使用的weWdt內(nèi)核及Opera瀏覽器使用的I^resto內(nèi)核等。它們工作原理大體相同，現(xiàn)參照圖1，以Webkit內(nèi)核為例介紹瀏覽器內(nèi)核的工作原理。首先， 瀏覽器內(nèi)核獲取待渲染的網(wǎng)頁所對應(yīng)的HTML或XHTML文本，并將該文本解析成為一棵文檔對象模型(DOM)樹，該樹的各個節(jié)點(diǎn)分別對應(yīng)該HTML文本中的標(biāo)簽或標(biāo)簽中的內(nèi)容，即該網(wǎng)頁中的網(wǎng)頁元素；接著，瀏覽器內(nèi)核根據(jù)該DOM樹，創(chuàng)建與該DOM樹相對應(yīng)的用于渲染該網(wǎng)頁的塊樹(或稱渲染樹)，該塊樹的各節(jié)點(diǎn)中的“矩形塊”(以下簡稱塊)代表頁面顯示區(qū)域中的各渲染子區(qū)域，該渲染子區(qū)域用于顯示與該塊相對應(yīng)的網(wǎng)頁元素，各塊的塊屬性至少包含該渲染子區(qū)域在頁面顯示區(qū)域中的位置坐標(biāo)及寬高等屬性信息，換言之，該頁面顯示區(qū)域被各塊所劃分，各塊所代表的渲染子區(qū)域中顯示該塊對應(yīng)的網(wǎng)頁元素；隨后，瀏覽器內(nèi)核通過遍歷該塊樹中各節(jié)點(diǎn)的塊，以將該網(wǎng)頁中的所有網(wǎng)頁元素渲染到瀏覽器的頁面顯示區(qū)域中。在此，所述網(wǎng)頁元素包括但不限于網(wǎng)頁中的純文本文字，超文本鏈接，圖片，表格、表單控件(如按鈕、文本輸入域、下拉列表、單選框、復(fù)選框等)等。圖2示出根據(jù)本發(fā)明一個方面基于網(wǎng)頁元素與用戶進(jìn)行互動的設(shè)備示意圖?；釉O(shè)備1包括塊樹獲取裝置11、互動塊獲取裝置12和渲染裝置13。在此，互動設(shè)備1包括， 但不限于，計算機(jī)、智能手機(jī)、PDA等任何具有上網(wǎng)瀏覽功能的設(shè)備。具體地，塊樹獲取裝置11獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)。更具體地，塊樹獲取裝置11例如通過約定的通信接口從瀏覽器內(nèi)核中讀取與當(dāng)前在瀏覽器頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的塊樹，或者通過第三方設(shè)備獲得該塊樹。在此，所述約定通信接口包括但不限于瀏覽器內(nèi)核提供的應(yīng)用編程接口(API)等。在此，所述網(wǎng)頁包括但不限于來自網(wǎng)絡(luò)設(shè)備中的頁面、來自所述瀏覽器的歷史記錄中的頁面以及瀏覽器自帶的功能頁面等。在此，所述瀏覽器包括但不限于Microsoft公司的IE瀏覽器、Mozilla公司的Firefox瀏覽器、Google公司的Chrome瀏覽器、蘋果公司的Mfari瀏覽器、遨游公司的 Maxthon瀏覽器、Opera公司的opera瀏覽器、360公司的360瀏覽器、搜狐公司的搜狗瀏覽器、騰訊公司的騰訊TT瀏覽器等。在此，所述瀏覽器內(nèi)核包括但不限于Trident內(nèi)核、Gecko 內(nèi)核、webkit內(nèi)核、Presto內(nèi)核等。例如，當(dāng)瀏覽器為蘋果公司的Mfari瀏覽器，其使用的瀏覽器內(nèi)核為webkit，用戶在該瀏覽器的地址欄中輸入某網(wǎng)頁的URL，瀏覽器根據(jù)該URL 從本地或網(wǎng)絡(luò)獲取該URL所對應(yīng)的網(wǎng)頁，瀏覽器內(nèi)核解析該網(wǎng)頁的HTML文本，并創(chuàng)建相應(yīng)的塊樹，隨后，塊樹獲取裝置11通過調(diào)用該瀏覽器內(nèi)核提供的API讀取其中的塊樹。再如， 塊樹獲取裝置11向第三方設(shè)備發(fā)送獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的塊樹的請求，并接收該第三方設(shè)備基于該請求返回的塊樹。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲取塊樹的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的獲取塊樹的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。隨后，互動塊獲取裝置12根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊。具體地，互動塊獲取裝置12根據(jù)塊樹獲取裝置11提供的塊樹獲取用于與用戶進(jìn)行交互的互動塊，其中，互動塊獲取裝置12獲取所述互動塊的方式包括但不限于1)按照預(yù)定規(guī)則，從該塊樹的各節(jié)點(diǎn)中選擇若干塊作為將與用戶進(jìn)行交互的互動塊；幻創(chuàng)建新塊，將該(些) 新塊添加到該塊樹中，并將該(些)新塊作為所述互動塊，其中，創(chuàng)建新塊包括設(shè)置該塊的塊屬性(如其在頁面顯示區(qū)域中的位置、寬高)、設(shè)置與該新塊對應(yīng)的新的網(wǎng)頁元素等。例如，當(dāng)預(yù)定規(guī)則為將顯示在頁面顯示區(qū)域左上角和右下角的網(wǎng)頁元素所對應(yīng)的塊作為互動塊，則互動塊獲取裝置12遍歷該塊樹，并從各節(jié)點(diǎn)中的塊的塊屬性中獲得各塊在頁面顯示區(qū)域中的位置坐標(biāo)，并據(jù)此獲得相應(yīng)的互動塊。再如，互動塊獲取裝置12創(chuàng)建一個新塊，設(shè)置該塊在頁面顯示區(qū)域的坐標(biāo)為(0，0)，其寬高屬性為10*10像素，并將一個圖片作為與該新塊相對應(yīng)的網(wǎng)頁元素，隨后，互動塊獲取裝置12通過在該塊樹中添加新的節(jié)點(diǎn)以包含新塊，并將該新塊作為互動塊。接上例，優(yōu)選地，互動塊獲取裝置12隨后還可觸發(fā)瀏覽器內(nèi)核重新遍歷該塊樹，以將該新塊所對應(yīng)的新網(wǎng)頁元素渲染到頁面顯示區(qū)域中。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲取互動塊的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的獲取互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。接著，渲染裝置13根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。具體地， 渲染裝置13例如監(jiān)聽用戶與瀏覽器的頁面顯示區(qū)域中顯示的與該互動塊所對應(yīng)的網(wǎng)頁元素的交互消息事件，并按照預(yù)設(shè)的互動應(yīng)用的規(guī)則，基于該交互消息事件更新相應(yīng)的互動塊的塊屬性，然后，渲染裝置13觸發(fā)瀏覽器內(nèi)核基于該更新的塊屬性將該塊所對應(yīng)的網(wǎng)頁元素重新渲染到該頁面顯示區(qū)域中。例如，當(dāng)互動應(yīng)用為某網(wǎng)頁元素的動畫效果展示，該互動應(yīng)用的規(guī)則為當(dāng)用戶將光標(biāo)移動到互動塊所對應(yīng)的網(wǎng)頁元素之上時，對該網(wǎng)頁元素進(jìn)行放大展示，當(dāng)光標(biāo)離開該網(wǎng)頁元素時，該網(wǎng)頁元素恢復(fù)至原始大小，互動塊獲取裝置12獲取的互動塊的寬高屬性為10*10像素，與該互動塊相對應(yīng)的網(wǎng)頁元素為一張圖片，當(dāng)用戶將光標(biāo)移動至該圖片之上時，渲染裝置13根據(jù)監(jiān)聽到該用戶交互消息事件，修改該互動塊的寬高屬性至20*20像素，并觸發(fā)瀏覽器內(nèi)核基于該更新的寬高屬性在該互動塊代表的渲染子區(qū)域內(nèi)按比例重新渲染該圖片，以實(shí)現(xiàn)該圖片的放大顯示，同理，當(dāng)用戶將光標(biāo)移出該圖片時，渲染裝置13將該互動塊的寬高屬性恢復(fù)至10*10像素，并觸發(fā)瀏覽器內(nèi)核重新渲染該圖片，以實(shí)現(xiàn)該圖片的縮放動畫效果。再如，當(dāng)互動應(yīng)用為頁面操作的驗證應(yīng)用，即驗證當(dāng)前的網(wǎng)頁操作為人工操作抑或機(jī)器操作，該互動應(yīng)用的規(guī)則為用戶按照互動應(yīng)用的要求將互動塊所對應(yīng)的網(wǎng)頁元素顯示在指定的位置，互動塊獲取裝置12獲取的互動塊的寬高屬性為10*10像素，與該互動塊相對應(yīng)的網(wǎng)頁元素為一段純文本，該互動應(yīng)用以彈出對話框或語音播放的形式提示用戶首先選中該段純文本，然后在頁面顯示區(qū)域的指定目標(biāo)位置的進(jìn)行鼠標(biāo)單擊以使該段純文本的顯示位置改變到進(jìn)行鼠標(biāo)單擊的目標(biāo)位置，用戶根據(jù)該提示信息進(jìn)行相應(yīng)的用戶操作，渲染裝置13根據(jù)監(jiān)聽到的該用戶的交互消息事件，將該互動塊的位置坐標(biāo)修改為該指定目標(biāo)位置的坐標(biāo)，并觸發(fā)瀏覽器內(nèi)核基于該更新的屬性在該互動塊代表的新的渲染子區(qū)域內(nèi)渲染該段純文本，以驗證當(dāng)前的網(wǎng)頁操作為人工操作。 本領(lǐng)域技術(shù)人員應(yīng)能理解上述用戶交互的方式和更新互動塊的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的用戶交互的方式或更新互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。在此，所述塊樹的節(jié)點(diǎn)中的塊的塊屬性可包括但不限于以下至少任一項-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的位置；-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的寬度與高度；-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的顏色；-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的旋轉(zhuǎn)角度。具體地，所述塊屬性包括所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的位置，即該塊的坐標(biāo)位置。例如，渲染裝置13可根據(jù)該塊坐標(biāo)位置的更新，重新對該塊對應(yīng)的網(wǎng)頁元素進(jìn)行渲染，以使其顯示在更新后的坐標(biāo)位置。所述塊屬性包括所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的寬度與高度，即該塊的寬高。例如，渲染裝置13可根據(jù)該塊寬高屬性的更新，重新對該塊對應(yīng)的網(wǎng)頁元素進(jìn)行渲染，以實(shí)現(xiàn)該網(wǎng)頁元素的縮放效果。所述塊屬性包括所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的顏色。例如，當(dāng)該網(wǎng)頁元素為一段文字，渲染裝置13可根據(jù)顏色塊屬性的更新，按照更新后的顏色渲染該段文字。所述塊屬性包括所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的旋轉(zhuǎn)角度。例如，渲染裝置13可根據(jù)旋轉(zhuǎn)角度塊屬性的更新，按照更新后的旋轉(zhuǎn)角度進(jìn)行渲染，以實(shí)現(xiàn)網(wǎng)頁元素的旋轉(zhuǎn)顯示。本領(lǐng)域技術(shù)人員應(yīng)能理解，上述各項塊屬性不僅可以單獨(dú)用于渲染裝置13對該塊所對應(yīng)的網(wǎng)頁元素進(jìn)行渲染，還可以將其中多項結(jié)合用于渲染裝置13對該塊所對應(yīng)的網(wǎng)頁元素進(jìn)行渲染。本領(lǐng)域技術(shù)人員應(yīng)能理解上述塊屬性僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的塊屬性如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。在此，所述網(wǎng)頁可包括但不限于以下至少任一項-來自網(wǎng)絡(luò)設(shè)備中的頁面；-來自所述瀏覽器的歷史記錄中的頁面；
-瀏覽器的功能頁面。具體地，所述網(wǎng)頁包括來自網(wǎng)絡(luò)設(shè)備中的頁面，其中，所述網(wǎng)絡(luò)設(shè)備包括但不限于計算機(jī)、網(wǎng)絡(luò)主機(jī)、單個網(wǎng)絡(luò)服務(wù)器、多個網(wǎng)絡(luò)服務(wù)器集或多個服務(wù)器構(gòu)成的云。在此，云由基于云計算(Cloud Computing)的大量計算機(jī)或網(wǎng)絡(luò)服務(wù)器構(gòu)成，其中，云計算是分布式計算的一種，由一群松散耦合的計算機(jī)集組成的一個超級虛擬計算機(jī)。例如，瀏覽器可通過諸如http、https等網(wǎng)絡(luò)協(xié)議從該網(wǎng)絡(luò)設(shè)備獲取網(wǎng)頁。所述網(wǎng)頁包括來自所述瀏覽器的歷史記錄中的頁面。例如，瀏覽器直接訪問緩存在本地的歷史瀏覽過的網(wǎng)頁。所述網(wǎng)頁包括瀏覽器的功能頁面，其中，所述功能頁面包括但不限于瀏覽器自帶的導(dǎo)航頁面、搜索頁面、空白頁面等。本領(lǐng)域技術(shù)人員應(yīng)能理解上述網(wǎng)頁僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的網(wǎng)頁如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。優(yōu)選地，塊樹獲取裝置11、互動塊獲取裝置12和渲染裝置13之間是持續(xù)不斷地工作。具體地，塊樹獲取裝置11獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)；隨后，互動塊獲取裝置12根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊；接著，渲染裝置13根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中；在此，本領(lǐng)域技術(shù)人員應(yīng)理解“持續(xù)”是指各裝置分別按照設(shè)定的或?qū)崟r調(diào)整的工作模式要求進(jìn)行塊樹的獲取、互動塊的獲取、及互動塊所對應(yīng)的網(wǎng)頁元素的重新渲染展示，直至塊樹獲取裝置11在較長時間內(nèi)停止對用戶選擇的搜索結(jié)果的獲取。優(yōu)選地，互動塊獲取裝置12還可根據(jù)所述塊樹，按照預(yù)定規(guī)則，獲得所述互動塊。 具體地，互動塊獲取裝置12還可根據(jù)塊樹獲取裝置11提供的塊樹，按照預(yù)定規(guī)則，獲得用于與用戶進(jìn)行交互的互動塊，在此，所述預(yù)定規(guī)則包括但不限于將其所對應(yīng)的網(wǎng)頁元素為圖片的所有塊作為所述互動塊、根據(jù)與用戶交互，將與該用戶所選定的網(wǎng)頁元素相對應(yīng)的塊作為所述互動塊等。例如，互動塊獲取裝置12通過遍歷塊樹中的所有節(jié)點(diǎn)，獲取各節(jié)點(diǎn)的塊所對應(yīng)的網(wǎng)頁元素，據(jù)此獲得其所對應(yīng)的網(wǎng)頁元素為圖片的塊，并將該(些)塊作為用于與用戶進(jìn)行交互的互動塊。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲取互動塊的方式僅為舉例， 其他現(xiàn)有的或今后可能出現(xiàn)的獲取互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。優(yōu)選地，所述互動塊獲取裝置12按照基于以下至少任一項的預(yù)定規(guī)則獲得所述互動塊-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中的位置；-所述塊所對應(yīng)的網(wǎng)頁元素的類型；-所述用戶選擇的網(wǎng)頁元素。具體地，當(dāng)所述預(yù)定規(guī)則為基于所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中的位置獲得所述塊時，則互動塊獲取裝置12根據(jù)該塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域的特定位置，如左上角或右下角，來獲取與用戶進(jìn)行交互的互動塊；當(dāng)所述預(yù)定規(guī)則為基于所述塊所對應(yīng)的網(wǎng)頁元素的類型獲得所述塊時，其中，網(wǎng)頁元素的類型包括但不限于文字、圖片、表單控件等，則互動塊獲取裝置12獲取特定類型的網(wǎng)頁元素所對應(yīng)的塊作為互動塊；當(dāng)所述預(yù)定規(guī)則基于所述用戶選擇的網(wǎng)頁元素，則互動塊獲取裝置12獲取用戶選擇的網(wǎng)頁元素所對應(yīng)的塊作為互動塊，例如，用戶通過與瀏覽器顯示區(qū)域進(jìn)行用戶交互來選中某(些)網(wǎng)頁元素，互動塊獲取裝置12通過監(jiān)聽用戶的交互消息事件，獲取該用戶所選中的網(wǎng)頁元素，據(jù)此從塊樹中獲得與該網(wǎng)頁元素相對應(yīng)的塊，并將該(些)塊作為用于與用戶進(jìn)行交互的互動塊。本領(lǐng)域技術(shù)人員應(yīng)能理解，上述各項預(yù)定規(guī)則不僅可以單獨(dú)用于互動塊獲取裝置12獲取互動塊，還可以將其中多項結(jié)合用于互動塊獲取裝置12獲取互動塊。本領(lǐng)域技術(shù)人員應(yīng)能理解上述預(yù)定規(guī)則僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的預(yù)定規(guī)則如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。優(yōu)選地，互動塊獲取裝置12還可在所述塊樹中生成新塊，并將其作為所述互動塊。具體地，互動塊獲取裝置12還可根據(jù)預(yù)定的互動應(yīng)用或用戶請求在所述塊樹中生成新塊，并將其作為互動塊。例如，當(dāng)互動應(yīng)用為一只烏鴉從頁面顯示區(qū)域的左上角飛向該頁面顯示區(qū)域的右上角的動畫效果，則互動塊獲取裝置12首先創(chuàng)建一個新塊，設(shè)置該塊的塊屬性中的位置坐標(biāo)為(0，0)，將烏鴉圖片作為該新塊的所對應(yīng)的網(wǎng)頁元素，并將該烏鴉圖片的尺寸大小賦予該塊的寬高屬性。優(yōu)選地，接上例，互動塊獲取裝置12隨后還可觸發(fā)瀏覽器內(nèi)核重新遍歷該塊樹，以將該新塊所對應(yīng)的烏鴉圖片渲染到頁面顯示區(qū)域中。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲取互動塊的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的獲取互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。在一個優(yōu)選實(shí)施例中(參照圖1)，互動設(shè)備1還包括映射裝置(未示出)。以下參照圖1對該優(yōu)選實(shí)施例進(jìn)行詳細(xì)描述，其中，塊樹獲取裝置11獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)；隨后，互動塊獲取裝置12根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊；接著，渲染裝置13根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中；其具體過程與前述參照圖1所描述的實(shí)施例中塊樹獲取裝置11、互動塊獲取裝置12和渲染裝置 13所執(zhí)行的過程相同，為簡明起見，以引用方式包含于此，而不做贅述。具體地，所述映射裝置將所述互動塊所對應(yīng)的網(wǎng)頁元素映射為預(yù)設(shè)網(wǎng)頁游戲中的游戲?qū)ο?；接著，所述渲染裝置13根據(jù)與所述用戶的交互，按照所述預(yù)設(shè)網(wǎng)頁游戲的規(guī)則， 來更新與所述映射為游戲?qū)ο蟮木W(wǎng)頁元素相對應(yīng)的互動塊的塊屬性，以基于更新的塊屬性來將所述映射為該游戲?qū)ο蟮木W(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。更具體地，所述映射裝置將互動塊獲取裝置12獲得的互動塊所對應(yīng)的網(wǎng)頁元素映射為預(yù)設(shè)網(wǎng)頁游戲中的游戲?qū)ο?，其中，所述預(yù)設(shè)的網(wǎng)頁游戲可存儲在互動設(shè)備1中，或可存儲在瀏覽器內(nèi)核中； 接著，用戶在該網(wǎng)頁的頁面顯示區(qū)域操作該游戲?qū)ο螅秩狙b置13監(jiān)聽該用戶的游戲?qū)ο蟛僮飨⑹录?，按照該網(wǎng)頁游戲的規(guī)則，來更新與該映射為游戲?qū)ο蟮木W(wǎng)頁元素相對應(yīng)的互動塊的塊屬性，以基于更新的塊屬性來將該映射為該游戲?qū)ο蟮木W(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中，以此實(shí)現(xiàn)該用戶進(jìn)行該網(wǎng)頁游戲。例如，當(dāng)網(wǎng)頁游戲為王子救公主，映射裝置將互動塊A所對應(yīng)的網(wǎng)頁元素映射為王子，而將互動塊B所對應(yīng)網(wǎng)頁元素映射為公主，優(yōu)選地，映射裝置還可將互動塊A所對應(yīng)的網(wǎng)頁元素更新為王子的圖片，而將互動塊B 所對應(yīng)網(wǎng)頁元素更新為公主的圖片；接著，用戶在頁面顯示區(qū)域中選中王子，然后在公主的位置進(jìn)行鼠標(biāo)單擊，以指示王子向公主的位置移動，渲染裝置13接收到該用戶的游戲?qū)ο蟛僮飨⑹录?，沿著互動塊A的塊屬性中的位置坐標(biāo)與互動塊B的塊屬性中的位置坐標(biāo)的直線連接的方向上，更新互動塊A的塊屬性中位置坐標(biāo)，并觸發(fā)瀏覽器內(nèi)核重新渲染王子的圖片以改變其顯示位置，由此，渲染裝置13通過連續(xù)地更新互動塊A的塊屬性中的的位置坐標(biāo)，并以此重新渲染王子的圖片的顯示位置，從而在頁面顯示區(qū)域中實(shí)現(xiàn)王子向公主移動的游戲操作效果。本領(lǐng)域技術(shù)人員應(yīng)能理解上述映射游戲?qū)ο蟮姆绞絻H為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的映射游戲?qū)ο蟮姆绞饺缈蛇m用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。優(yōu)選地，所述互動塊獲取裝置12還可根據(jù)所述預(yù)設(shè)網(wǎng)頁游戲，在所述塊樹中生成新塊，并將其作為所述互動塊。具體地，互動塊獲取裝置12例如還可根據(jù)預(yù)設(shè)的諸如王子救公主的網(wǎng)頁游戲中具有的游戲角色，在塊樹中生成新塊，該新塊的塊屬性中的位置坐標(biāo)為游戲角色的初始位置，該新塊的塊屬性中的寬高為該游戲角色的大小，該新塊所對應(yīng)的新增網(wǎng)頁元素為該游戲角色的圖像，并將該新塊作為與用戶進(jìn)行交互的互動塊。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲得互動塊的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的獲得互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。此外，上述互動設(shè)備1可以與現(xiàn)有的瀏覽器相結(jié)合，構(gòu)成一種新的瀏覽器，還可以作為瀏覽器插件，與現(xiàn)有的瀏覽器相結(jié)合，現(xiàn)有的瀏覽器可以是例如Microsoft公司的 IE瀏覽器、Mozilla公司的Firefox瀏覽器、Google公司的Chrome瀏覽器、遨游公司的 Maxthon瀏覽器、Opera公司的opera瀏覽器、360公司的360瀏覽器、搜狐公司的搜狗瀏覽器、騰訊公司的騰訊TT瀏覽器等。圖3示出根據(jù)本發(fā)明一個方面基于網(wǎng)頁元素與用戶進(jìn)行互動的方法流程圖。在此，互動設(shè)備1包括，但不限于，計算機(jī)、智能手機(jī)、PDA等任何具有上網(wǎng)瀏覽功能的設(shè)備。具體地，在步驟Sl中，互動設(shè)備1獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)。更具體地，在步驟Sl中，互動設(shè)備1例如通過約定的通信接口從瀏覽器內(nèi)核中讀取與當(dāng)前在瀏覽器頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的塊樹，或者通過第三方設(shè)備獲得該塊樹。在此，所述約定通信接口包括但不限于瀏覽器內(nèi)核提供的應(yīng)用編程接口(API)等。在此，所述網(wǎng)頁包括但不限于來自網(wǎng)絡(luò)設(shè)備中的頁面、來自所述瀏覽器的歷史記錄中的頁面以及瀏覽器自帶的功能頁面等。在此，所述瀏覽器包括但不限于Microsoft公司的IE瀏覽器、Mozilla公司的Firefox瀏覽器、Google公司的Chrome瀏覽器、蘋果公司的&ifari 瀏覽器、遨游公司的Maxthon瀏覽器、Opera公司的opera瀏覽器、360公司的360瀏覽器、 搜狐公司的搜狗瀏覽器、騰訊公司的騰訊TT瀏覽器等。在此，所述瀏覽器內(nèi)核包括但不限于1Trident內(nèi)核、Gecko內(nèi)核、weWdt內(nèi)核、Presto內(nèi)核等。例如，當(dāng)瀏覽器為蘋果公司的 Mfari瀏覽器，其使用的瀏覽器內(nèi)核為webkit，用戶在該瀏覽器的地址欄中輸入某網(wǎng)頁的 URL,瀏覽器根據(jù)該URL從本地或網(wǎng)絡(luò)獲取該URL所對應(yīng)的網(wǎng)頁，瀏覽器內(nèi)核解析該網(wǎng)頁的 HTML文本，并創(chuàng)建相應(yīng)的塊樹，隨后，在步驟Sl中，互動設(shè)備1通過調(diào)用該瀏覽器內(nèi)核提供的API讀取其中的塊樹。再如，在步驟Sl中，互動設(shè)備1向第三方設(shè)備發(fā)送獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的塊樹的請求，并接收該第三方設(shè)備基于該請求返回的塊樹。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲取塊樹的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的獲取塊樹的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。隨后，在步驟S2中，互動設(shè)備1根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊。具體地，在步驟S2中，互動設(shè)備1根據(jù)其在步驟Sl中獲得的塊樹，獲取用于與用戶進(jìn)行交互的互動塊，其中，在步驟S2中，互動設(shè)備1獲取所述互動塊的方式包括但不限于1)按照預(yù)定規(guī)則，從該塊樹的各節(jié)點(diǎn)中選擇若干塊作為將與用戶進(jìn)行交互的互動塊；幻創(chuàng)建新塊，將該(些)新塊添加到該塊樹中，并將該(些)新塊作為所述互動塊，其中，創(chuàng)建新塊包括設(shè)置該塊的塊屬性(如其在頁面顯示區(qū)域中的位置、寬高)、設(shè)置與該新塊對應(yīng)的新的網(wǎng)頁元素等。例如，當(dāng)預(yù)定規(guī)則為將顯示在頁面顯示區(qū)域左上角和右下角的網(wǎng)頁元素所對應(yīng)的塊作為互動塊，則在步驟S2中，互動設(shè)備1遍歷該塊樹，并從各節(jié)點(diǎn)中的塊的塊屬性中獲得各塊在頁面顯示區(qū)域中的位置坐標(biāo)，并據(jù)此獲得相應(yīng)的互動塊。再如，在步驟S2中，互動設(shè)備1創(chuàng)建一個新塊，設(shè)置該塊在頁面顯示區(qū)域的坐標(biāo)為(0，0)，其寬高屬性為10*10像素， 并將一個圖片作為與該新塊相對應(yīng)的網(wǎng)頁元素，隨后，在步驟S2中，互動設(shè)備1通過在該塊樹中添加新的節(jié)點(diǎn)以包含新塊，并將該新塊作為互動塊。接上例，優(yōu)選地，在步驟S2中，互動設(shè)備1隨后還可觸發(fā)瀏覽器內(nèi)核重新遍歷該塊樹，以將該新塊所對應(yīng)的新網(wǎng)頁元素渲染到頁面顯示區(qū)域中。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲取互動塊的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的獲取互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。接著，在步驟S3中，互動設(shè)備1根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。具體地，在步驟S3中，互動設(shè)備1例如監(jiān)聽用戶與瀏覽器的頁面顯示區(qū)域中顯示的與該互動塊所對應(yīng)的網(wǎng)頁元素的交互消息事件，并按照預(yù)設(shè)的互動應(yīng)用的規(guī)則，基于該交互消息事件更新相應(yīng)的互動塊的塊屬性，然后，在步驟S3中，互動設(shè)備1觸發(fā)瀏覽器內(nèi)核基于該更新的塊屬性將該塊所對應(yīng)的網(wǎng)頁元素重新渲染到該頁面顯示區(qū)域中。例如，當(dāng)互動應(yīng)用為某網(wǎng)頁元素的動畫效果展示，該互動應(yīng)用的規(guī)則為當(dāng)用戶將光標(biāo)移動到互動塊所對應(yīng)的網(wǎng)頁元素之上時，對該網(wǎng)頁元素進(jìn)行放大展示，當(dāng)光標(biāo)離開該網(wǎng)頁元素時，該網(wǎng)頁元素恢復(fù)至原始大小，在步驟S2中，互動設(shè)備1獲取的互動塊的寬高屬性為10*10像素，與該互動塊相對應(yīng)的網(wǎng)頁元素為一張圖片，當(dāng)用戶將光標(biāo)移動至該圖片之上時，在步驟S3中，互動設(shè)備1根據(jù)監(jiān)聽到該用戶交互消息事件，修改該互動塊的寬高屬性至20*20像素，并觸發(fā)瀏覽器內(nèi)核基于該更新的寬高屬性在該互動塊代表的渲染子區(qū)域內(nèi)按比例重新渲染該圖片，以實(shí)現(xiàn)該圖片的放大顯示，同理，當(dāng)用戶將光標(biāo)移出該圖片時，在步驟S3中，互動設(shè)備1將該互動塊的寬高屬性恢復(fù)至10*10像素，并觸發(fā)瀏覽器內(nèi)核重新渲染該圖片，以實(shí)現(xiàn)該圖片的縮放動畫效果。再如，當(dāng)互動應(yīng)用為頁面操作的驗證應(yīng)用，即驗證當(dāng)前的網(wǎng)頁操作為人工操作抑或機(jī)器操作，該互動應(yīng)用的規(guī)則為用戶按照互動應(yīng)用的要求將互動塊所對應(yīng)的網(wǎng)頁元素顯示在指定的位置，在步驟S2中，互動設(shè)備1獲取的互動塊的寬高屬性為10*10像素， 與該互動塊相對應(yīng)的網(wǎng)頁元素為一段純文本，該互動應(yīng)用以彈出對話框或語音播放的形式提示用戶首先選中該段純文本，然后在頁面顯示區(qū)域的指定目標(biāo)位置的進(jìn)行鼠標(biāo)單擊以使該段純文本的顯示位置改變到進(jìn)行鼠標(biāo)單擊的目標(biāo)位置，用戶根據(jù)該提示信息進(jìn)行相應(yīng)的用戶操作，在步驟S3中，互動設(shè)備1根據(jù)監(jiān)聽到的該用戶的交互消息事件，將該互動塊的位置坐標(biāo)修改為該指定目標(biāo)位置的坐標(biāo)，并觸發(fā)瀏覽器內(nèi)核基于該更新的屬性在該互動塊代表的新的渲染子區(qū)域內(nèi)渲染該段純文本，以驗證當(dāng)前的網(wǎng)頁操作為人工操作。本領(lǐng)域技術(shù)人員應(yīng)能理解上述用戶交互的方式和更新互動塊的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的用戶交互的方式或更新互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。在此，所述塊樹的節(jié)點(diǎn)中的塊的塊屬性可包括但不限于以下至少任一項-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的位置；-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的寬度與高度；-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的顏色；-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的旋轉(zhuǎn)角度。具體地，所述塊屬性包括所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的位置，即該塊的坐標(biāo)位置。例如，在步驟S3中，互動設(shè)備1可根據(jù)該塊坐標(biāo)位置的更新，重新對該塊對應(yīng)的網(wǎng)頁元素進(jìn)行渲染，以使其顯示在更新后的坐標(biāo)位置。所述塊屬性包括所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的寬度與高度，即該塊的寬高。例如，在步驟S3中，互動設(shè)備1可根據(jù)該塊寬高屬性的更新，重新對該塊對應(yīng)的網(wǎng)頁元素進(jìn)行渲染， 以實(shí)現(xiàn)該網(wǎng)頁元素的縮放效果。所述塊屬性包括所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的顏色。例如，當(dāng)該網(wǎng)頁元素為一段文字，在步驟S3中，互動設(shè)備1可根據(jù)顏色塊屬性的更新，按照更新后的顏色渲染該段文字。所述塊屬性包括所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的旋轉(zhuǎn)角度。例如，在步驟S3中，互動設(shè)備1可根據(jù)旋轉(zhuǎn)角度塊屬性的更新，按照更新后的旋轉(zhuǎn)角度進(jìn)行渲染，以實(shí)現(xiàn)網(wǎng)頁元素的旋轉(zhuǎn)顯示。本領(lǐng)域技術(shù)人員應(yīng)能理解，上述各項塊屬性不僅可以單獨(dú)用于互動設(shè)備1對該塊所對應(yīng)的網(wǎng)頁元素進(jìn)行渲染，還可以將其中多項結(jié)合用于互動設(shè)備1對該塊所對應(yīng)的網(wǎng)頁元素進(jìn)行渲染。本領(lǐng)域技術(shù)人員應(yīng)能理解上述塊屬性僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的塊屬性如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。在此，所述網(wǎng)頁可包括但不限于以下至少任一項-來自網(wǎng)絡(luò)設(shè)備中的頁面；-來自所述瀏覽器的歷史記錄中的頁面；-瀏覽器的功能頁面。具體地，所述網(wǎng)頁包括來自網(wǎng)絡(luò)設(shè)備中的頁面，其中，所述網(wǎng)絡(luò)設(shè)備包括但不限于計算機(jī)、網(wǎng)絡(luò)主機(jī)、單個網(wǎng)絡(luò)服務(wù)器、多個網(wǎng)絡(luò)服務(wù)器集或多個服務(wù)器構(gòu)成的云。在此，云由基于云計算(Cloud Computing)的大量計算機(jī)或網(wǎng)絡(luò)服務(wù)器構(gòu)成，其中，云計算是分布式計算的一種，由一群松散耦合的計算機(jī)集組成的一個超級虛擬計算機(jī)。例如，瀏覽器可通過諸如http、https等網(wǎng)絡(luò)協(xié)議從該網(wǎng)絡(luò)設(shè)備獲取網(wǎng)頁。所述網(wǎng)頁包括來自所述瀏覽器的歷史記錄中的頁面。例如，瀏覽器直接訪問緩存在本地的歷史瀏覽過的網(wǎng)頁。所述網(wǎng)頁包括瀏覽器的功能頁面，其中，所述功能頁面包括但不限于瀏覽器自帶的導(dǎo)航頁面、搜索頁面、空白頁面等。本領(lǐng)域技術(shù)人員應(yīng)能理解上述網(wǎng)頁僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的網(wǎng)頁如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。優(yōu)選地，上述各步驟之間是持續(xù)不斷地工作。具體地，在步驟Sl中，互動設(shè)備1獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)；隨后，在步驟S2中，互動設(shè)備1根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊；接著，在步驟S3中，互動設(shè)備1根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中；在此，本領(lǐng)域技術(shù)人員應(yīng)理解“持續(xù)”是指各步驟分別按照設(shè)定的或?qū)崟r調(diào)整的工作模式要求進(jìn)行塊樹的獲取、互動塊的獲取、及互動塊所對應(yīng)的網(wǎng)頁元素的重新渲染展示，直至互動設(shè)備1在較長時間內(nèi)停止對用戶選擇的搜索結(jié)果的獲取。優(yōu)選地，在步驟S2中，互動設(shè)備1還可根據(jù)所述塊樹，按照預(yù)定規(guī)則，獲得所述互動塊。具體地，在步驟S2中，互動設(shè)備1還可根據(jù)其在步驟Sl中獲得的塊樹，按照預(yù)定規(guī)則，獲得用于與用戶進(jìn)行交互的互動塊，在此，所述預(yù)定規(guī)則包括但不限于將其所對應(yīng)的網(wǎng)頁元素為圖片的所有塊作為所述互動塊、根據(jù)與用戶交互，將與該用戶所選定的網(wǎng)頁元素相對應(yīng)的塊作為所述互動塊等。例如，在步驟S2中，互動設(shè)備1通過遍歷塊樹中的所有節(jié)點(diǎn)，獲取各節(jié)點(diǎn)的塊所對應(yīng)的網(wǎng)頁元素，據(jù)此獲得其所對應(yīng)的網(wǎng)頁元素為圖片的塊，并將該 (些)塊作為用于與用戶進(jìn)行交互的互動塊。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲取互動塊的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的獲取互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。優(yōu)選地，在步驟S2中，互動設(shè)備1按照基于以下至少任一項的預(yù)定規(guī)則獲得所述互動塊-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中的位置；-所述塊所對應(yīng)的網(wǎng)頁元素的類型；-所述用戶選擇的網(wǎng)頁元素。具體地，當(dāng)所述預(yù)定規(guī)則為基于所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中的位置獲得所述塊時，則在步驟S2中，互動設(shè)備1根據(jù)該塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域的特定位置，如左上角或右下角，來獲取與用戶進(jìn)行交互的互動塊；當(dāng)所述預(yù)定規(guī)則為基于所述塊所對應(yīng)的網(wǎng)頁元素的類型獲得所述塊時，其中，網(wǎng)頁元素的類型包括但不限于文字、圖片、表單控件等，則在步驟S2中，互動設(shè)備1獲取特定類型的網(wǎng)頁元素所對應(yīng)的塊作為互動塊；當(dāng)所述預(yù)定規(guī)則基于所述用戶選擇的網(wǎng)頁元素，則在步驟S2中，互動設(shè)備1獲取用戶選擇的網(wǎng)頁元素所對應(yīng)的塊作為互動塊，例如，用戶通過與瀏覽器顯示區(qū)域進(jìn)行用戶交互來選中某(些)網(wǎng)頁元素，在步驟S2中，互動設(shè)備1通過監(jiān)聽用戶的交互消息事件，獲取該用戶所選中的網(wǎng)頁元素，據(jù)此從塊樹中獲得與該網(wǎng)頁元素相對應(yīng)的塊，并將該 (些)塊作為用于與用戶進(jìn)行交互的互動塊。本領(lǐng)域技術(shù)人員應(yīng)能理解，上述各項預(yù)定規(guī)則不僅可以單獨(dú)用于互動設(shè)備1獲取互動塊，還可以將其中多項結(jié)合用于互動設(shè)備1獲取互動塊。本領(lǐng)域技術(shù)人員應(yīng)能理解上述預(yù)定規(guī)則僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的預(yù)定規(guī)則如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。優(yōu)選地，在步驟S2中，互動設(shè)備1還可在所述塊樹中生成新塊，并將其作為所述互動塊。具體地，在步驟S2中，互動設(shè)備1還可根據(jù)預(yù)定的互動應(yīng)用或用戶請求在所述塊樹中生成新塊，并將其作為互動塊。例如，當(dāng)互動應(yīng)用為一只烏鴉從頁面顯示區(qū)域的左上角飛向該頁面顯示區(qū)域的右上角的動畫效果，則在步驟S2中，互動設(shè)備1首先創(chuàng)建一個新塊，設(shè)置該塊的塊屬性中的位置坐標(biāo)為(0，0)，將烏鴉圖片作為該新塊的所對應(yīng)的網(wǎng)頁元素，并將該烏鴉圖片的尺寸大小賦予該塊的寬高屬性。優(yōu)選地，接上例，在步驟S2中，互動設(shè)備1隨后還可觸發(fā)瀏覽器內(nèi)核重新遍歷該塊樹，以將該新塊所對應(yīng)的烏鴉圖片渲染到頁面顯示區(qū)域中。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲取互動塊的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的獲取互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。在一個優(yōu)選實(shí)施例中(參照圖1)，互動設(shè)備1該過程還包括步驟S4(未示出)。以下參照圖1對該優(yōu)選實(shí)施例進(jìn)行詳細(xì)描述，其中，在步驟Si中，互動設(shè)備1獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)；隨后，在步驟S2中，互動設(shè)備1根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊；接著，在步驟S3中，互動設(shè)備1根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中；其具體過程與前述參照圖1所描述的實(shí)施例中在步驟S1、S2和S3所執(zhí)行的過程相同，為簡明起見，以引用方式包含于此，而不做贅述。具體地，在步驟S4中，互動設(shè)備1將所述互動塊所對應(yīng)的網(wǎng)頁元素映射為預(yù)設(shè)網(wǎng)頁游戲中的游戲?qū)ο螅唤又?，在步驟S3中，互動設(shè)備1根據(jù)與所述用戶的交互，按照所述預(yù)設(shè)網(wǎng)頁游戲的規(guī)則，來更新與所述映射為游戲?qū)ο蟮木W(wǎng)頁元素相對應(yīng)的互動塊的塊屬性， 以基于更新的塊屬性來將所述映射為該游戲?qū)ο蟮木W(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。更具體地，在步驟S4中，互動設(shè)備1將其在步驟S2獲得的互動塊所對應(yīng)的網(wǎng)頁元素映射為預(yù)設(shè)網(wǎng)頁游戲中的游戲?qū)ο螅渲?，所述預(yù)設(shè)的網(wǎng)頁游戲可存儲在互動設(shè)備1中， 或可存儲在瀏覽器內(nèi)核中；接著，用戶在該網(wǎng)頁的頁面顯示區(qū)域操作該游戲?qū)ο?，在步驟 S3中，互動設(shè)備1監(jiān)聽該用戶的游戲?qū)ο蟛僮飨⑹录?，按照該網(wǎng)頁游戲的規(guī)則，來更新與該映射為游戲?qū)ο蟮木W(wǎng)頁元素相對應(yīng)的互動塊的塊屬性，以基于更新的塊屬性來將該映射為該游戲?qū)ο蟮木W(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中，以此實(shí)現(xiàn)該用戶進(jìn)行該網(wǎng)頁游戲。例如，當(dāng)網(wǎng)頁游戲為王子救公主，在步驟S4中，互動設(shè)備1將互動塊A所對應(yīng)的網(wǎng)頁元素映射為王子，而將互動塊B所對應(yīng)網(wǎng)頁元素映射為公主，優(yōu)選地，在步驟S4中，互動設(shè)備1 還可將互動塊A所對應(yīng)的網(wǎng)頁元素更新為王子的圖片，而將互動塊B所對應(yīng)網(wǎng)頁元素更新為公主的圖片；接著，用戶在頁面顯示區(qū)域中選中王子，然后在公主的位置進(jìn)行鼠標(biāo)單擊， 以指示王子向公主的位置移動，在步驟S3中，互動設(shè)備1接收到該用戶的游戲?qū)ο蟛僮飨⑹录?，沿著互動塊A的塊屬性中的位置坐標(biāo)與互動塊B的塊屬性中的位置坐標(biāo)的直線連接的方向上，更新互動塊A的塊屬性中位置坐標(biāo)，并觸發(fā)瀏覽器內(nèi)核重新渲染王子的圖片以改變其顯示位置，由此，在步驟S3中，互動設(shè)備1通過連續(xù)地更新互動塊A的塊屬性中的的位置坐標(biāo)，并以此重新渲染王子的圖片的顯示位置，從而在頁面顯示區(qū)域中實(shí)現(xiàn)王子向公主移動的游戲操作效果。本領(lǐng)域技術(shù)人員應(yīng)能理解上述映射游戲?qū)ο蟮姆绞絻H為舉例， 其他現(xiàn)有的或今后可能出現(xiàn)的映射游戲?qū)ο蟮姆绞饺缈蛇m用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。優(yōu)選地，在步驟S2中，互動設(shè)備1還可根據(jù)所述預(yù)設(shè)網(wǎng)頁游戲，在所述塊樹中生成新塊，并將其作為所述互動塊。具體地，在步驟S2中，互動設(shè)備1例如還可根據(jù)預(yù)設(shè)的諸如王子救公主的網(wǎng)頁游戲中具有的游戲角色，在塊樹中生成新塊，該新塊的塊屬性中的位置坐標(biāo)為游戲角色的初始位置，該新塊的塊屬性中的寬高屬性為該游戲角色的大小，該新塊所對應(yīng)的新增網(wǎng)頁元素為該游戲角色的圖像，并將該新塊作為與用戶進(jìn)行交互的互動塊。本領(lǐng)域技術(shù)人員應(yīng)能理解上述獲得互動塊的方式僅為舉例，其他現(xiàn)有的或今后可能出現(xiàn)的獲得互動塊的方式如可適用于本發(fā)明，也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi)，并在此以引用方式包含于此。 對于本領(lǐng)域技術(shù)人員而言，顯然本發(fā)明不限于上述示范性實(shí)施例的細(xì)節(jié)，而且在不背離本發(fā)明的精神或基本特征的情況下，能夠以其他的具體形式實(shí)現(xiàn)本發(fā)明。因此，無論從哪一點(diǎn)來看，均應(yīng)將實(shí)施例看作是示范性的，而且是非限制性的，本發(fā)明的范圍由所附權(quán)利要求而不是上述說明限定，因此旨在將落在權(quán)利要求的等同要件的含義和范圍內(nèi)的所有變化囊括在本發(fā)明內(nèi)。不應(yīng)將權(quán)利要求中的任何附圖標(biāo)記視為限制所涉及的權(quán)利要求。此外，顯然“包括” 一詞不排除其他單元或步驟，單數(shù)不排除復(fù)數(shù)。系統(tǒng)權(quán)利要求中陳述的多個單元或裝置也可以由一個單元或裝置通過軟件或者硬件來實(shí)現(xiàn)。第一，第二等詞語用來表示名稱，而并不表示任何特定的順序。
權(quán)利要求
1.一種計算機(jī)實(shí)現(xiàn)的基于網(wǎng)頁元素與用戶進(jìn)行互動的方法，其中，該方法包括以下步驟a獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)； b根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊；c根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。
2.根據(jù)權(quán)利要求1所述的方法，其中，所述步驟b還包括 -根據(jù)所述塊樹，按照預(yù)定規(guī)則，獲得所述互動塊。
3.根據(jù)權(quán)利要求2所述的方法，其中，按照基于以下至少任一項的預(yù)定規(guī)則獲得所述互動塊-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中的位置； -所述塊所對應(yīng)的網(wǎng)頁元素的類型； -所述用戶選擇的網(wǎng)頁元素。
4.根據(jù)權(quán)利要求1所述的方法，其中，所述步驟b還包括 -在所述塊樹中生成新塊，并將其作為所述互動塊。
5.根據(jù)權(quán)利要求1至4中任一項所述的方法，其中，該方法還包括-將所述互動塊所對應(yīng)的網(wǎng)頁元素映射為預(yù)設(shè)網(wǎng)頁游戲中的游戲?qū)ο螅?其中，所述步驟c還包括-根據(jù)與所述用戶的交互，按照所述預(yù)設(shè)網(wǎng)頁游戲的規(guī)則，來更新與所述映射為游戲?qū)ο蟮木W(wǎng)頁元素相對應(yīng)的互動塊的塊屬性，以基于更新的塊屬性來將所述映射為該游戲?qū)ο蟮木W(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。
6.根據(jù)權(quán)利要求5所述的方法，其中，所述步驟b還包括-根據(jù)所述預(yù)設(shè)網(wǎng)頁游戲，在所述塊樹中生成新塊，并將其作為所述互動塊。
7.根據(jù)權(quán)利要求1至6中任一項所述的方法，其中，所述塊屬性包括以下至少任一項 -所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的位置；-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的寬度與高度； -所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的顏色； -所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的旋轉(zhuǎn)角度。
8.根據(jù)權(quán)利要求1至7中任一項所述的方法，其中，所述網(wǎng)頁包括以下至少任一項 -來自網(wǎng)絡(luò)設(shè)備中的頁面；-來自所述瀏覽器的歷史記錄中的頁面； -瀏覽器的功能頁面。
9.一種基于網(wǎng)頁元素與用戶進(jìn)行互動的設(shè)備，其中，該設(shè)備包括塊樹獲取裝置，用于獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)； 互動塊獲取裝置，用于根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊； 渲染裝置，用于根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。
10.根據(jù)權(quán)利要求9所述的設(shè)備，其中，所述互動塊獲取裝置還用于根據(jù)所述塊樹，按照預(yù)定規(guī)則，獲得所述互動塊。
11.根據(jù)權(quán)利要求10所述的設(shè)備，其中，所述互動塊獲取裝置按照基于以下至少任一項的預(yù)定規(guī)則獲得所述互動塊-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中的位置； -所述塊所對應(yīng)的網(wǎng)頁元素的類型； -所述用戶選擇的網(wǎng)頁元素。
12.根據(jù)權(quán)利要求9所述的設(shè)備，其中，所述互動塊獲取裝置還用于在所述塊樹中生成新塊，并將其作為所述互動塊。
13.根據(jù)權(quán)利要求9至12中任一項所述的設(shè)備，其中，該設(shè)備還包括映射裝置，用于將所述互動塊所對應(yīng)的網(wǎng)頁元素映射為預(yù)設(shè)網(wǎng)頁游戲中的游戲?qū)ο螅?其中，所述渲染裝置還用于根據(jù)與所述用戶的交互，按照所述預(yù)設(shè)網(wǎng)頁游戲的規(guī)則，來更新與所述映射為游戲?qū)ο蟮木W(wǎng)頁元素相對應(yīng)的互動塊的塊屬性，以基于更新的塊屬性來將所述映射為該游戲?qū)ο蟮木W(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。
14.根據(jù)權(quán)利要求13所述的設(shè)備，其中，所述互動塊獲取裝置還用于根據(jù)所述預(yù)設(shè)網(wǎng)頁游戲，在所述塊樹中生成新塊，并將其作為所述互動塊。
15.根據(jù)權(quán)利要求9至14中任一項所述的設(shè)備，其中，所述塊屬性包括以下至少任一項-所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的位置； -所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的寬度與高度； -所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的顏色； -所述塊所對應(yīng)的網(wǎng)頁元素在所述頁面顯示區(qū)域中渲染的旋轉(zhuǎn)角度。
16.根據(jù)權(quán)利要求9至15中任一項所述的設(shè)備，其中，所述網(wǎng)頁包括以下至少任一項 -來自網(wǎng)絡(luò)設(shè)備中的頁面；-來自所述瀏覽器的歷史記錄中的頁面； -瀏覽器的功能頁面。
全文摘要
本發(fā)明的目的是提供一種基于任意網(wǎng)頁中的網(wǎng)頁元素與用戶進(jìn)行互動的方法與設(shè)備。其中，互動設(shè)備獲取與瀏覽器的頁面顯示區(qū)域中顯示的網(wǎng)頁相對應(yīng)的瀏覽器內(nèi)核中的塊樹，其中所述塊樹的各樹節(jié)點(diǎn)中的塊與所述網(wǎng)頁的各網(wǎng)頁元素相對應(yīng)；根據(jù)所述塊樹，獲得用于與用戶進(jìn)行交互的互動塊；根據(jù)與所述用戶的交互，更新所述互動塊的塊屬性，以基于更新的塊屬性來將所述互動塊所對應(yīng)的網(wǎng)頁元素重新渲染到所述頁面顯示區(qū)域中。與現(xiàn)有技術(shù)相比，本發(fā)明具有以下優(yōu)點(diǎn)一方面用戶可基于任意已在瀏覽器中打開的網(wǎng)頁進(jìn)行預(yù)定的互動，從而提升用戶體驗；另一方面通過在各不同網(wǎng)頁中分享通用的互動邏輯，減少各網(wǎng)頁開發(fā)調(diào)試的工作量，從而節(jié)約時間成本。
文檔編號G06F17/30GK102306174SQ20111024679
公開日2012年1月4日 申請日期2011年8月24日 優(yōu)先權(quán)日2011年8月24日
發(fā)明者邢皖甲, 黃騰 申請人:百度在線網(wǎng)絡(luò)技術(shù)(北京)有限公司