專利名稱：轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法及裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及移動(dòng)終端互聯(lián)網(wǎng)應(yīng)用技術(shù)領(lǐng)域，特別涉及一種轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法及裝置。
背景技術(shù)：
當(dāng)前的互聯(lián)網(wǎng)上的大部分網(wǎng)頁都是為PC (Personal Computer,個(gè)人電腦)瀏覽而設(shè)計(jì)的，通常不會(huì)考慮到手機(jī)、平板電腦等移動(dòng)終端的流量、性能和兼容性等問題。為了方便原本為PC瀏覽設(shè)計(jì)的網(wǎng)頁能夠較好地運(yùn)行在手機(jī)、平板電腦等移動(dòng)終端上，通常移動(dòng)終端會(huì)向用戶提供網(wǎng)頁的轉(zhuǎn)碼服務(wù)。但是，當(dāng)網(wǎng)頁經(jīng)過轉(zhuǎn)碼后，DOM樹結(jié)構(gòu)會(huì)發(fā)生改變，javascript等腳本也不能運(yùn)行。如果原網(wǎng)頁中有一些重要的信息使用javascript腳本的控件進(jìn)行實(shí)現(xiàn)，則轉(zhuǎn)碼后這些控件就不能正常工作了，造成網(wǎng)頁中重要信息的丟失。例如網(wǎng)站中的tab選項(xiàng)卡，在PC瀏覽時(shí)可以顯示多個(gè)選項(xiàng)卡，并且用戶通過鼠標(biāo)點(diǎn)擊或者移動(dòng)至某個(gè)選項(xiàng)卡上，自動(dòng)顯示該選項(xiàng)卡對(duì)應(yīng)的tab內(nèi)容,如http://www.55bbs.com/中用戶點(diǎn)擊“購物”則對(duì)應(yīng)出現(xiàn)購物的tab的內(nèi)容，如果點(diǎn)擊“麗人”則對(duì)應(yīng)出現(xiàn)麗人的tab的內(nèi)容，但是在移動(dòng)終端只能顯示一個(gè)tab的內(nèi)容，其他tab的內(nèi)容都被消除或者隱藏了，用戶無法通過交互切換不同的tab以瀏覽對(duì)應(yīng)的內(nèi)容。

發(fā)明內(nèi)容
本發(fā)明旨在至少在一定程度上解決上述技術(shù)問題之一或至少提供一種有用的商業(yè)選擇。為此，本發(fā)明的第一個(gè)目的在于提出一種轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法及裝置，可以讓用戶在使用移動(dòng)終 端瀏覽使用javascript等腳本的網(wǎng)頁時(shí)也可以實(shí)現(xiàn)正常瀏覽。本發(fā)明的第二個(gè)目的在于提出一種轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置。為達(dá)到上述目的，本發(fā)明第一方面的實(shí)施例提出了一種轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法，包括以下步驟:線下獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)；將所述節(jié)點(diǎn)以pattern和xpath的形式輸出到模板文件；線上載入所述模板文件；當(dāng)用戶訪問的網(wǎng)頁包括所述模板文件中的所述pattern和xpath時(shí)，識(shí)別并標(biāo)注所述網(wǎng)頁的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)；通過重寫腳本來生成第二控件以替換所述第一控件。根據(jù)本發(fā)明實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法，通過分析原網(wǎng)頁中使用了腳本而不能正常工作的控件及節(jié)點(diǎn)，并自動(dòng)加以替換，且保證替換后的網(wǎng)頁跟原網(wǎng)頁具有同樣的結(jié)構(gòu)和內(nèi)容，使用戶在使用移動(dòng)終端時(shí)也可以正常地瀏覽這些網(wǎng)頁，為用戶提供了便利。在本發(fā)明的一個(gè)實(shí)施例中，所述轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法進(jìn)一步包括:向所述第二控件操縱的第二內(nèi)容節(jié)點(diǎn)增加樣式和布局信息。在本發(fā)明的一個(gè)實(shí)施例中，所述獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)的步驟包括:獲取所述網(wǎng)頁的DOM樹樣式；對(duì)具有鼠標(biāo)事件的DOM樹上的節(jié)點(diǎn)模擬鼠標(biāo)事件；獲取模擬鼠標(biāo)事件后所述DOM樹樣式的變化；根據(jù)所述變化獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)。在本發(fā)明的一個(gè)實(shí)施例中，所述樣式和布局信息與所述第一內(nèi)容節(jié)點(diǎn)的樣式和布
局信息對(duì)應(yīng)。本發(fā)明第二方面的實(shí)施例提出了一種轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置，包括:線下獲取模塊，所述線下獲取模塊用于線下獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)；輸出模塊，所述輸出模塊用于將所述節(jié)點(diǎn)以pattern和xpath的形式輸出到模板文件；線上載入模塊，所述線上載入模塊用于線上載入所述模板文件；識(shí)別模塊，所述識(shí)別模塊用于當(dāng)用戶訪問的網(wǎng)頁包括所述模板文件中的所述pattern和xpath時(shí)，識(shí)別并標(biāo)注所述網(wǎng)頁的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)；替換模塊，所述替換模塊用于通過重寫javascript來生成第二控件以替換所述第一控件。根據(jù)本發(fā)明實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置，通過分析原網(wǎng)頁中使用了腳本而不能正常工作的控件及節(jié)點(diǎn)，并自動(dòng)加以替換，且保證替換后的網(wǎng)頁跟原網(wǎng)頁具有同樣的結(jié)構(gòu)和內(nèi)容，使用戶在使用移動(dòng)終端時(shí)也可以正常地瀏覽這些網(wǎng)頁，為用戶提供了便利。在本發(fā)明的一個(gè)實(shí)施例中，所述轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置進(jìn)一步包括:增加模塊，所述增加模塊用于向所述第二控件操縱的第二內(nèi)容節(jié)點(diǎn)增加樣式和布局信息。在本發(fā)明的一個(gè)實(shí)施例中，所述線下獲取模塊包括:第一獲取單元，所述第一獲取單元用于獲取所述網(wǎng)頁的DOM樹樣式；模擬單元，所述模擬單元用于對(duì)具有鼠標(biāo)事件的DOM樹上的節(jié)點(diǎn)模擬鼠標(biāo)事件；第二獲取單元，所述第二獲取單元用于獲取模擬鼠標(biāo)事件后所述DOM樹樣式的變化；第三獲取單元，所述第三獲取單元用于根據(jù)所述變化獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)。在本發(fā)明的一個(gè) 實(shí)施例中，所述樣式和布局信息與第一內(nèi)容節(jié)點(diǎn)的樣式和布局信息對(duì)應(yīng)。本發(fā)明的附加方面和優(yōu)點(diǎn)將在下面的描述中部分給出，部分將從下面的描述中變得明顯，或通過本發(fā)明的實(shí)踐了解到。


本發(fā)明的上述和/或附加的方面和優(yōu)點(diǎn)從結(jié)合下面附圖對(duì)實(shí)施例的描述中將變得明顯和容易理解，其中:圖1為本發(fā)明一個(gè)實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法的流程圖；圖2為本發(fā)明另一個(gè)實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法的流程圖；圖3為本發(fā)明一個(gè)實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置的示意圖；以及圖4為本發(fā)明另一個(gè)實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置的示意圖。
具體實(shí)施例方式下面詳細(xì)描述本發(fā)明的實(shí)施例，所述實(shí)施例的示例在附圖中示出，其中自始至終相同或類似的標(biāo)號(hào)表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實(shí)施例是示例性的，旨在用于解釋本發(fā)明，而不能理解為對(duì)本發(fā)明的限制。
在本發(fā)明中，除非另有明確的規(guī)定和限定，術(shù)語“安裝”、“相連”、“連接”、“固定”等術(shù)語應(yīng)做廣義理解，例如，可以是固定連接，也可以是可拆卸連接，或一體地連接；可以是機(jī)械連接，也可以是電連接；可以是直接相連，也可以通過中間媒介間接相連，可以是兩個(gè)元件內(nèi)部的連通。對(duì)于本領(lǐng)域的普通技術(shù)人員而言，可以根據(jù)具體情況理解上述術(shù)語在本發(fā)明中的具體含義。下面分別參考圖1和圖2對(duì)本發(fā)明實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法的流程進(jìn)行描述。如圖1所示，根據(jù)本發(fā)明第一方面的實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法，包括以下步驟:SlOl:線下獲取網(wǎng)頁上的第一控件及第一控件操縱的第一內(nèi)容節(jié)點(diǎn)。具體地，對(duì)網(wǎng)頁的分析可通過網(wǎng)頁挖掘程序來實(shí)現(xiàn)，之后，如圖2所示，獲取網(wǎng)頁上的第一控件及第一控件操縱的第一內(nèi)容節(jié)點(diǎn)包括以下步驟:SlOll:獲取網(wǎng)頁及其DOM樹樣式。D0M,即文檔對(duì)象模型(Document Object Model),是一個(gè)來自W3C的成熟標(biāo)準(zhǔn)。DOM是一種在瀏覽器內(nèi)編程的模型，同時(shí)也是XMUeXtensible Markup Language,可擴(kuò)展標(biāo)記語言)的主要接口，DOM與語言和平臺(tái)無關(guān),它是基于樹的APKApplication ProgrammingInterface，應(yīng)用程序編程接口)，它把所有的數(shù)據(jù)以父子的節(jié)點(diǎn)層次結(jié)構(gòu)裝入內(nèi)存構(gòu)成一棵樹，這些節(jié)點(diǎn)的類型可以是元素、文本、屬性、注釋或其它。DOM樹允許開發(fā)者讀取、創(chuàng)建、刪除和編輯XML數(shù)據(jù)。

S1012:對(duì)具有鼠標(biāo)事件的DOM樹上的節(jié)點(diǎn)模擬鼠標(biāo)事件。如果DOM樹上的某個(gè)節(jié)點(diǎn)具有鼠標(biāo)事件，則線下程序模擬該鼠標(biāo)事件。S1013:獲取模擬鼠標(biāo)事件后DOM樹樣式的變化。對(duì)比模擬鼠標(biāo)事件前后，檢查DOM樹樣式的變化，從而檢查出可能無法正常工作的控件，即第一控件。S1014:根據(jù)DOM樹樣式的變化獲取網(wǎng)頁上的第一控件及第一控件操作的第一內(nèi)
容節(jié)點(diǎn)。無法正常工作的第一控件所操作的DOM節(jié)點(diǎn)即為第一內(nèi)容節(jié)點(diǎn)。在具體實(shí)施例中，第一控件包括但不僅限于:javascript控件、ajax控件等。S102:將第一內(nèi)容節(jié)點(diǎn)以pattern和xpath的形式輸出到模板文件。本地程序?qū)⒐?jié)點(diǎn)以pattern和xpath的形式輸出到模板文件。S103:線上載入模板文件。線上轉(zhuǎn)碼程序載入S102步驟中輸出的模板文件。如S102步驟所述，模板文件中存儲(chǔ)了 pattern和xpath形式的節(jié)點(diǎn)信息。其中，節(jié)點(diǎn)信息中還可以注明為有鼠標(biāo)事件的DOM節(jié)點(diǎn)以及用戶鼠標(biāo)點(diǎn)擊該節(jié)點(diǎn)之后可操作的另外的DOM節(jié)點(diǎn)。S104:當(dāng)用戶訪問的網(wǎng)頁包括模板文件中的pattern和xpath時(shí),識(shí)別并標(biāo)注網(wǎng)頁的第一控件及第一控件操縱的第一內(nèi)容節(jié)點(diǎn)。當(dāng)用戶訪問網(wǎng)頁時(shí)，如果檢測(cè)到該網(wǎng)頁包括模板文件中的pattern和xpath時(shí)，即說明該網(wǎng)頁包含有可能無法正常工作的javascript、ajax等需要轉(zhuǎn)換的控件,對(duì)這些控件進(jìn)行識(shí)別并標(biāo)注，并標(biāo)記這些控件操縱的內(nèi)容節(jié)點(diǎn)。具體地，轉(zhuǎn)碼程序會(huì)將含有鼠標(biāo)事件的節(jié)點(diǎn)分別加上一個(gè)js點(diǎn)擊事件,并設(shè)置好相應(yīng)的參數(shù),參數(shù)包括對(duì)應(yīng)的被操作的DOM節(jié)點(diǎn)的id及class屬性。S105:通過重寫腳本來生成第二控件以替換第一控件。具體地，首先通過class屬性獲得DOM節(jié)點(diǎn)列表,將DOM節(jié)點(diǎn)列表中的display屬性設(shè)置為none以隱藏該節(jié)點(diǎn)，通過id屬性得到需要顯示的DOM節(jié)點(diǎn)，并把該節(jié)點(diǎn)的display屬性設(shè)置為block以顯示該節(jié)點(diǎn)，并設(shè)置相應(yīng)的css樣式。其中，重寫javascript或ajax腳本來生成第二控件，以替換第一控件。在本發(fā)明的一個(gè)實(shí)施例中，如圖2所示，重寫腳本后，為保證轉(zhuǎn)碼后的網(wǎng)頁在布局上與原網(wǎng)頁一致，轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法還包括:S106:向第二控件操縱的第二內(nèi)容節(jié)點(diǎn)增加樣式和布局信息。向第二內(nèi)容節(jié)點(diǎn)增加的樣式和布局信息，應(yīng)當(dāng)與第一內(nèi)容節(jié)點(diǎn)對(duì)應(yīng)的樣式與布局信息相對(duì)應(yīng)。具體地，重寫之后，節(jié)點(diǎn)發(fā)生了變化，但之前的樣式會(huì)保存下來，通過增加樣式和布局信息將之前保存的樣式增加到重寫之后的新節(jié)點(diǎn)上。根據(jù)本發(fā)明實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法，在用戶通過移動(dòng)終端訪問包括javascript,ajax等腳本的網(wǎng)頁時(shí)，對(duì)不能正常工作的控件進(jìn)行轉(zhuǎn)碼和重寫，以避免網(wǎng)頁內(nèi)容因控件不能正?？丶鴣G失，并且保持了與原網(wǎng)頁控件一致的布局，為用戶提供了便利。如圖3所示，根據(jù)本發(fā)明第二方面的實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置，包括:線下獲取模塊610、輸出模塊620、線上載入模塊630、識(shí)別模塊640和替換模塊650。具體地，線下獲取模塊610用于線下獲取網(wǎng)頁上的第一控件及第一控件操縱的第一內(nèi)容節(jié)點(diǎn)。其中，第一控件是用戶在移動(dòng)終端上瀏覽時(shí)不能正常工作的控件，包括javascript、ajax腳本控件等。在本發(fā)明一個(gè)實(shí)施例中，線下獲取模塊610包括:第一獲取單元、模擬單元、第二獲取單元和第三獲取單元。第一獲取單元獲取網(wǎng)頁的DOM樹樣式，模擬單元對(duì)具有鼠標(biāo)事件的DOM樹上的節(jié)點(diǎn)模擬鼠標(biāo)事件，第二獲取單元獲取模擬鼠標(biāo)事件后DOM樹樣式的變化，第三獲取單元根據(jù)DOM樹樣式的變化獲取網(wǎng)頁上的第一控件及第一控件操縱的第一內(nèi)容節(jié)點(diǎn)。第一內(nèi)容節(jié)點(diǎn)是無法正常工作的第一控件所操作的DOM節(jié)點(diǎn)。輸出模塊620用于將節(jié)點(diǎn)以pattern和xpath的形式輸出到模板文件。線上載入模塊630用于線上程序載入輸出模塊620生成的模板文件。識(shí)別模塊640用于當(dāng)用戶訪問的網(wǎng)頁包括模板文件中的pattern和xpath時(shí),識(shí)別并標(biāo)注該網(wǎng)頁中的第一控件及第一控件操縱的第一內(nèi)容節(jié)點(diǎn)。替換模塊650用于通過重寫腳本來生成第二控件以替換所述第一控件。在本發(fā)明的一個(gè)實(shí)施例中，如圖4所示，轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置還包括:增加模塊660，增加模塊660用于向第二控件操縱的第二內(nèi)容節(jié)點(diǎn)增加樣式和布局信息。向第二內(nèi)容節(jié)點(diǎn)增加的樣式和布局信息，應(yīng)當(dāng)與第一內(nèi)容節(jié)點(diǎn)對(duì)應(yīng)的樣式與布局信息相對(duì)應(yīng)，重寫之后，節(jié)點(diǎn)發(fā)生了變化，但之前的樣式會(huì)保存下來，通過增加樣式和布局信息將之前保存的樣式增加到重寫之后的新節(jié)點(diǎn)上。根據(jù)本發(fā) 明實(shí)施例的轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置，在用戶通過移動(dòng)終端訪問包括javascript,ajax等腳本的網(wǎng)頁時(shí)，對(duì)不能正常工作的控件進(jìn)行轉(zhuǎn)碼和重寫，以避免網(wǎng)頁內(nèi)容因控件不能正?？丶鴣G失，并且保持了與原網(wǎng)頁控件一致的布局，為用戶提供了便利。流程圖中或在此以其他方式描述的任何過程或方法描述可以被理解為，表示包括一個(gè)或更多個(gè)用于實(shí)現(xiàn)特定邏輯功能或過程的步驟的可執(zhí)行指令的代碼的模塊、片段或部分，并且本發(fā)明的優(yōu)選實(shí)施方式的范圍包括另外的實(shí)現(xiàn)，其中可以不按所示出或討論的順序，包括根據(jù)所涉及的功能按基本同時(shí)的方式或按相反的順序，來執(zhí)行功能，這應(yīng)被本發(fā)明的實(shí)施例所屬技術(shù)領(lǐng)域的技術(shù)人員所理解。在流程圖中表示或在此以其他方式描述的邏輯和/或步驟，例如，可以被認(rèn)為是用于實(shí)現(xiàn)邏輯功能的可執(zhí)行指令的定序列表，可以具體實(shí)現(xiàn)在任何計(jì)算機(jī)可讀介質(zhì)中，以供指令執(zhí)行系統(tǒng)、裝置或設(shè)備(如基于計(jì)算機(jī)的系統(tǒng)、包括處理器的系統(tǒng)或其他可以從指令執(zhí)行系統(tǒng)、裝置或設(shè)備取指令并執(zhí)行指令的系統(tǒng))使用，或結(jié)合這些指令執(zhí)行系統(tǒng)、裝置或設(shè)備而使用。就本說明書而言，"計(jì)算機(jī)可讀介質(zhì)"可以是任何可以包含、存儲(chǔ)、通信、傳播或傳輸程序以供指令執(zhí)行系統(tǒng)、裝置或設(shè)備或結(jié)合這些指令執(zhí)行系統(tǒng)、裝置或設(shè)備而使用的裝置。計(jì)算機(jī)可讀介質(zhì)的更具體的示例(非窮盡性列表)包括以下:具有一個(gè)或多個(gè)布線的電連接部(電子裝置)，便攜式計(jì)算機(jī)盤盒(磁裝置)，隨機(jī)存取存儲(chǔ)器(RAM)，只讀存儲(chǔ)器(R0M)，可擦除可編輯只讀存儲(chǔ)器(EPR0M或閃速存儲(chǔ)器)，光纖裝置，以及便攜式光盤只讀存儲(chǔ)器(⑶ROM)。另外，計(jì)算機(jī)可讀介質(zhì)甚至可以是可在其上打印所述程序的紙或其他合適的介質(zhì)，因?yàn)榭梢岳缤ㄟ^對(duì)紙或其他介質(zhì)進(jìn)行光學(xué)掃描，接著進(jìn)行編輯、解譯或必要時(shí)以其他合適方式進(jìn)行處理來以電子方式獲得所述程序，然后將其存儲(chǔ)在計(jì)算機(jī)存儲(chǔ)器中。應(yīng)當(dāng)理解，本發(fā)明的各部分可以用硬件、軟件、固件或它們的組合來實(shí)現(xiàn)。在上述實(shí)施方式中，多個(gè)步驟或方法可以用存儲(chǔ)在存儲(chǔ)器中且由合適的指令執(zhí)行系統(tǒng)執(zhí)行的軟件或固件來實(shí)現(xiàn)。例如，如果用硬件來實(shí)現(xiàn)，和在另一實(shí)施方式中一樣，可用本領(lǐng)域公知的下列技術(shù)中的任一項(xiàng)或他們的組合來實(shí)現(xiàn):具有用于對(duì)數(shù)據(jù)信號(hào)實(shí)現(xiàn)邏輯功能的邏輯門電路的離散邏輯電路，具有合適的組合邏輯門電路的專用集成電路，可編程門陣列(PGA)，現(xiàn)場可編程門陣列(FPGA)等。本技術(shù)領(lǐng)域的普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法攜帶的全部或部分步驟是可以通過程序來指令相關(guān)的硬件完成，所述的程序可以存儲(chǔ)于一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，包括方法實(shí)施例的步驟之一或其組合。此外，在本發(fā)明各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理模塊中，也可以是各個(gè)單元單獨(dú)物理存在，也可以兩個(gè)或兩個(gè)以上單元集成在一個(gè)模塊中。上述集成的模塊既可以采用硬件的形式實(shí)現(xiàn)，也可以采用軟件功能模塊的形式實(shí)現(xiàn)。所述集成的模塊如果以軟件功能模塊的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時(shí)，也可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。在本說明書的描述中，參考術(shù)語“一個(gè)實(shí)施例”、“一些實(shí)施例”、“示例”、“具體示例”、或“一些示例”等的描述意指結(jié)合該實(shí)施例或示例描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)包含于本發(fā)明的至少一個(gè)實(shí)施例或示例中。在本說明書中，對(duì)上述術(shù)語的示意性表述不一定指的是相同的實(shí)施例或示例。而且，描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)可以在任何的一個(gè)或多個(gè)實(shí)施例或示例中以合適的方式結(jié)合。盡管上面已經(jīng)示出和描述了本發(fā)明的實(shí)施例，可以理解的是，上述實(shí)施例是示例性的，不能理解為對(duì)本發(fā)明的限制，本領(lǐng)域的普通技術(shù)人員在不脫離本發(fā)明的原理和宗旨的情況下在本發(fā)明的范圍內(nèi)可以對(duì) 上述實(shí)施例進(jìn)行變化、修改、替換和變型。
權(quán)利要求
1.一種轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法，其特征在于，包括以下步驟: 線下獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)； 將所述第一內(nèi)容節(jié)點(diǎn)以pattern和xpath的形式輸出到模板文件； 線上載入所述模板文件； 當(dāng)用戶訪問的網(wǎng)頁包括所述模板文件中的所述pattern和xpath時(shí)，識(shí)別并標(biāo)注所述網(wǎng)頁的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)； 通過重寫腳本來生成第二控件以替換所述第一控件。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，進(jìn)一步包括步驟: 向所述第二控件操縱的第二內(nèi)容節(jié)點(diǎn)增加樣式和布局信息。
3.根據(jù)權(quán)利要求1或2所述的方法，其特征在于，獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)的步驟包括: 獲取所述網(wǎng)頁的DOM樹樣式； 對(duì)具有鼠標(biāo)事件的DOM樹上的節(jié)點(diǎn)模擬鼠標(biāo)事件； 獲取模擬鼠標(biāo)事件后所述DOM樹樣式的變化；以及 根據(jù)所述變化獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)。
4.根據(jù)權(quán)利要求1或2所述的方法，其特征在于，所述樣式和布局信息與所述第一內(nèi)容節(jié)點(diǎn)的樣式和布局信息對(duì)應(yīng)。
5.一種轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置，其特征在于，包括: 線下獲取模塊，所述線下獲取模塊用于線下獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)； 輸出模塊，所述輸出模塊用于將所述節(jié)點(diǎn)以pattern和xpath的形式輸出到模板文件； 線上載入模塊，所述線上載入模塊用于線上載入所述模板文件； 識(shí)別模塊，所述識(shí)別模塊用于當(dāng)用戶訪問的網(wǎng)頁包括所述模板文件中的所述pattern和xpath時(shí)，識(shí)別并標(biāo)注所述網(wǎng)頁的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)； 替換模塊，所述替換模塊用于通過重寫腳本來生成第二控件以替換所述第一控件。
6.根據(jù)權(quán)利要求5所述的裝置，其特征在于，進(jìn)一步包括: 增加模塊，所述增加模塊用于向所述第二控件操縱的第二內(nèi)容節(jié)點(diǎn)增加樣式和布局信肩、O
7.根據(jù)權(quán)利要求5或6所述的裝置，其特征在于，所述線下獲取模塊包括: 第一獲取單元，所述第一獲取單元用于獲取所述網(wǎng)頁的DOM樹樣式； 模擬單元，所述模擬單元用于對(duì)具有鼠標(biāo)事件的DOM樹上的節(jié)點(diǎn)模擬鼠標(biāo)事件； 第二獲取單元，所述第二獲取單元用于獲取模擬鼠標(biāo)事件后所述DOM樹樣式的變化；以及 第三獲取單元，所述第三獲取單元用于根據(jù)所述變化獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)。
8.根據(jù)權(quán)利要求5或6所述的裝置，其特征在于，所述樣式和布局信息與所述第一內(nèi)容節(jié)點(diǎn)的樣式和布局信息對(duì)應(yīng)。
全文摘要
本發(fā)明提出了一種轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的方法，包括以下步驟線下獲取網(wǎng)頁上的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)；將第一內(nèi)容節(jié)點(diǎn)以pattern和xpath的形式輸出到模板文件；線上載入模板文件；當(dāng)用戶訪問的網(wǎng)頁包括模板文件中的pattern和xpath時(shí)，識(shí)別并標(biāo)注網(wǎng)頁的第一控件及所述第一控件操縱的第一內(nèi)容節(jié)點(diǎn)；通過重寫腳本來生成第二控件以替換第一控件。本發(fā)明還提出了一種轉(zhuǎn)碼時(shí)實(shí)現(xiàn)控件替換的裝置。本發(fā)明通過替換原網(wǎng)頁中使用了腳本而不能正常工作的控件及節(jié)點(diǎn)，使用戶在使用移動(dòng)終端時(shí)也可以正常地瀏覽這些網(wǎng)頁，為用戶提供了便利。
文檔編號(hào)G06F17/30GK103226475SQ20131018254
公開日2013年7月31日 申請(qǐng)日期2013年5月16日 優(yōu)先權(quán)日2013年5月16日
發(fā)明者王智杰, 劉承誠, 王倩 申請(qǐng)人:百度在線網(wǎng)絡(luò)技術(shù)(北京)有限公司