一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法及裝置制造方法
【專利摘要】本發(fā)明實(shí)施例公開(kāi)了一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法及裝置，涉及計(jì)算機(jī)【技術(shù)領(lǐng)域】，所述方法包括：終端渲染目標(biāo)網(wǎng)頁(yè)失??；通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接；將所述目標(biāo)網(wǎng)頁(yè)的源代碼發(fā)送給所述調(diào)試設(shè)備；接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼；根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)；如果所述目標(biāo)網(wǎng)頁(yè)渲染成功，根據(jù)對(duì)所述目標(biāo)網(wǎng)頁(yè)源代碼所做的修改，確定瀏覽器中與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)；在瀏覽器的源代碼中，對(duì)上述與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)進(jìn)行修改。應(yīng)用本發(fā)明實(shí)施例提供的方法進(jìn)行調(diào)試時(shí)，無(wú)需在瀏覽器的調(diào)試界面和網(wǎng)頁(yè)展示界面切換，提高了瀏覽器調(diào)試效率，利于軟件開(kāi)發(fā)人員解決問(wèn)題。
【專利說(shuō)明】一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法及裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)【技術(shù)領(lǐng)域】，特別涉及一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法及裝置?！颈尘凹夹g(shù)】
[0002]由于實(shí)際應(yīng)用中并不是所有網(wǎng)頁(yè)均是按照網(wǎng)頁(yè)編寫(xiě)標(biāo)準(zhǔn)編寫(xiě)的，所以用戶在通過(guò)瀏覽器訪問(wèn)網(wǎng)頁(yè)的過(guò)程中，可能會(huì)出現(xiàn)顯示錯(cuò)誤等問(wèn)題。為了提高瀏覽器的健壯性和兼容性，軟件開(kāi)發(fā)人員需分析所出現(xiàn)的問(wèn)題，找到出現(xiàn)問(wèn)題的原因，進(jìn)而改進(jìn)瀏覽器。
[0003]現(xiàn)有技術(shù)中，在移動(dòng)終端中查找瀏覽器出現(xiàn)問(wèn)題的原因時(shí)，需先在移動(dòng)終端瀏覽器的調(diào)試界面中修改出現(xiàn)問(wèn)題的網(wǎng)頁(yè)的源代碼，再在該移動(dòng)終端瀏覽器的網(wǎng)頁(yè)展示界面中展示修改后的網(wǎng)頁(yè)，并檢查所展示的網(wǎng)頁(yè)是否還存在問(wèn)題，如此反復(fù)，直到找到瀏覽器出現(xiàn)問(wèn)題的原因并解決問(wèn)題。由以上可見(jiàn)，應(yīng)用現(xiàn)有技術(shù)進(jìn)行瀏覽器調(diào)試時(shí)，需頻繁在調(diào)試界面和網(wǎng)頁(yè)展示界面切換，效率較低，不利于軟件開(kāi)發(fā)人員解決問(wèn)題。

【發(fā)明內(nèi)容】

[0004]本發(fā)明實(shí)施例公開(kāi)了一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法及裝置，以提高瀏覽器調(diào)試效率，便于軟件開(kāi)發(fā)人員解決問(wèn)題。
[0005]為達(dá)到上述目的，本發(fā)明實(shí)施例公開(kāi)了一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法，所述方法包括:
[0006]終端渲染目標(biāo)網(wǎng)頁(yè)失?。?br> [0007]通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接；
[0008]通過(guò)所述通信連接，將所述目標(biāo)網(wǎng)頁(yè)的源代碼發(fā)送給所述調(diào)試設(shè)備；
[0009]通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼；
[0010]根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)；
[0011]如果所述目標(biāo)網(wǎng)頁(yè)渲染成功，根據(jù)對(duì)所述目標(biāo)網(wǎng)頁(yè)源代碼所做的修改，確定瀏覽器中與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)；
[0012]在瀏覽器的源代碼中，對(duì)上述與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)進(jìn)行修改。
[0013]可選的，所述通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接，包括:
[0014]接收調(diào)試設(shè)備發(fā)送的通信連接請(qǐng)求；
[0015]根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)與所述調(diào)試設(shè)備建立通信連接。
[0016]可選的，所述通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接，包括:
[0017]與服務(wù)器建立通信連接；
[0018]接收服務(wù)器發(fā)送的來(lái)自調(diào)試設(shè)備的通信連接請(qǐng)求；
[0019]根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)，與所述調(diào)試設(shè)備建立通信連接。
[0020]可選的，所述通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，包括:
[0021]通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的所有源代碼；
[0022]所述根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)，包括:
[0023]將所述目標(biāo)網(wǎng)頁(yè)的所有源代碼替換為修改后的所有源代碼；
[0024]根據(jù)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
[0025]可選的，所述通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)的源代碼，包括:
[0026]通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)中渲染失敗的元素對(duì)應(yīng)的修改后的源代碼以及渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息；
[0027]所述根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)，包括:
[0028]根據(jù)渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息，確定渲染失敗的元素對(duì)應(yīng)的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的起始位置和結(jié)束位置；
[0029]將所述起始位置和結(jié)束位置之間的源代碼替換為渲染失敗的元素對(duì)應(yīng)的修改后的源代碼；
[0030]根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
[0031]為達(dá)到上述目的，本發(fā)明實(shí)施例公開(kāi)了一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試裝置，所述裝置包括:
[0032]通信連接建立模塊，用于在終端渲染目標(biāo)網(wǎng)頁(yè)失敗的情況下，通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接；
[0033]源代碼發(fā)送模塊，用于通過(guò)所述通信連接，將所述目標(biāo)網(wǎng)頁(yè)的源代碼發(fā)送給所述調(diào)試設(shè)備；
[0034]源代碼接收模塊，用于通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼；
[0035]網(wǎng)頁(yè)渲染模塊，用于根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)；
[0036]參數(shù)確定模塊，用于在所述目標(biāo)網(wǎng)頁(yè)渲染成功的情況下，根據(jù)對(duì)所述目標(biāo)網(wǎng)頁(yè)源代碼所做的修改，確定瀏覽器中與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)；
[0037]瀏覽器修改模塊，用于在瀏覽器的源代碼中，對(duì)上述與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)進(jìn)行修改。
[0038]可選的，所述通信連接建立模塊，包括:
[0039]第一連接請(qǐng)求接收子模塊，用于接收調(diào)試設(shè)備發(fā)送的通信連接請(qǐng)求；
[0040]第一通信連接建立子模塊，用于根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)與所述調(diào)試設(shè)備建立通信連接。
[0041]可選的，所述通信連接建立模塊，包括:
[0042]第二通信連接建立子模塊，用于與服務(wù)器建立通信連接；
[0043]第二連接請(qǐng)求接收子模塊，用于接收服務(wù)器發(fā)送的來(lái)自調(diào)試設(shè)備的通信連接請(qǐng)求；
[0044]第三通信連接建立子模塊，用于根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)，與所述調(diào)試設(shè)備建立通信連接。[0045]可選的，所述源代碼接收模塊，具體用于通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的所有源代碼；
[0046]所述網(wǎng)頁(yè)渲染模塊，包括:
[0047]第一源代碼替換子模塊，用于將所述目標(biāo)網(wǎng)頁(yè)的所有源代碼替換為修改后的所有源代碼；
[0048]第一網(wǎng)頁(yè)渲染子模塊，用于根據(jù)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
[0049]可選的，所述源代碼接收模塊，具體通過(guò)所述通信連接，用于接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)中渲染失敗的元素對(duì)應(yīng)的修改后的源代碼以及渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息；
[0050]所述網(wǎng)頁(yè)渲染模塊，包括:
[0051]位置確定子模塊，用于根據(jù)渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息，確定渲染失敗的元素對(duì)應(yīng)的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的起始位置和結(jié)束位置；
[0052]第二源代碼替換子模塊，用于將所述起始位置和結(jié)束位置之間的源代碼替換為渲染失敗的元素對(duì)應(yīng)的修改后的源代碼；
[0053]第二網(wǎng)頁(yè)渲染子模塊，用于根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
[0054]由以上可見(jiàn)，本發(fā)明實(shí)施例提供的方案中，通過(guò)無(wú)線網(wǎng)絡(luò)建立終端和調(diào)試設(shè)備之間的通信連接，并在調(diào)試設(shè)備中進(jìn)行目標(biāo)網(wǎng)頁(yè)源代碼修改，當(dāng)在調(diào)試設(shè)備中完成目標(biāo)網(wǎng)頁(yè)源代碼修改后，將目標(biāo)網(wǎng)頁(yè)源代碼發(fā)送至終端，這樣用戶可在終端中檢查修改后的目標(biāo)網(wǎng)頁(yè)是否還存在渲染錯(cuò)誤，若不存在渲染錯(cuò)誤，則根據(jù)對(duì)目標(biāo)網(wǎng)頁(yè)源代碼的修改，確定瀏覽器中與目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)，并在瀏覽器源代碼中，對(duì)上述參數(shù)進(jìn)行修改?？梢?jiàn)，應(yīng)用本發(fā)明實(shí)施例提供的方法進(jìn)行調(diào)試時(shí)，通過(guò)調(diào)試設(shè)備修改目標(biāo)網(wǎng)頁(yè)，而通過(guò)終端渲染修改后的目標(biāo)網(wǎng)頁(yè)，無(wú)需在瀏覽器的調(diào)試界面和網(wǎng)頁(yè)展示界面切換，提高了瀏覽器調(diào)試效率，利于軟件開(kāi)發(fā)人員解決問(wèn)題。
【專利附圖】

【附圖說(shuō)明】
[0055]為了更清楚地說(shuō)明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0056]圖1為本發(fā)明實(shí)施例提供的針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法的第一種流程示意圖；
[0057]圖2為本發(fā)明實(shí)施例提供的針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法的第二種流程示意圖；
[0058]圖3為本發(fā)明實(shí)施例提供的針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法的第三種流程示意圖；
[0059]圖4為本發(fā)明實(shí)施例提供的針對(duì)瀏覽器的遠(yuǎn)程調(diào)試裝置的第一種結(jié)構(gòu)示意圖；
[0060]圖5為本發(fā)明實(shí)施例提供的針對(duì)瀏覽器的遠(yuǎn)程調(diào)試裝置的第二種結(jié)構(gòu)示意圖；
[0061]圖6為本發(fā)明實(shí)施例提供的針對(duì)瀏覽器的遠(yuǎn)程調(diào)試裝置的第三種結(jié)構(gòu)示意圖。
【具體實(shí)施方式】[0062]下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0063]當(dāng)瀏覽器渲染某一網(wǎng)頁(yè)出錯(cuò)時(shí)，開(kāi)發(fā)人員需針對(duì)所出現(xiàn)的問(wèn)題調(diào)試瀏覽器，以增強(qiáng)瀏覽器的兼容性和健壯性，為此，本發(fā)明實(shí)施例提供了一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法，應(yīng)用該方法進(jìn)行遠(yuǎn)程調(diào)試時(shí)，開(kāi)發(fā)人員通過(guò)在調(diào)試處理終端修改調(diào)試目標(biāo)網(wǎng)頁(yè)的源代碼，至調(diào)試目標(biāo)終端能夠正確渲染該網(wǎng)頁(yè)，來(lái)確定瀏覽器存在的問(wèn)題，進(jìn)而調(diào)試瀏覽器。
[0064]圖1為本發(fā)明實(shí)施例提供的針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法的第一種流程示意圖，包括:
[0065]SlOl:終端渲染目標(biāo)網(wǎng)頁(yè)失敗。
[0066]在本發(fā)明的實(shí)施例中，上述目標(biāo)網(wǎng)頁(yè)渲染失敗，可以是目標(biāo)網(wǎng)頁(yè)中的至少一個(gè)元素沒(méi)有渲染成功。例如，目標(biāo)網(wǎng)頁(yè)中的圖片渲染失敗、目標(biāo)網(wǎng)頁(yè)的排版格式錯(cuò)誤等等。
[0067]S102:通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接。
[0068]上述終端可以是具有無(wú)線網(wǎng)絡(luò)模塊的手機(jī)、平板電腦等移動(dòng)終端；調(diào)試設(shè)備可以是具有無(wú)線網(wǎng)絡(luò)模塊的計(jì)算機(jī)，當(dāng)然也可以是具有無(wú)線網(wǎng)絡(luò)模塊的手機(jī)、平板電腦等等，本申請(qǐng)并不對(duì)調(diào)試設(shè)備的具體形式進(jìn)行限定。
[0069]具體的，在本發(fā)明的一個(gè)實(shí)施例中，可以由調(diào)試設(shè)備發(fā)起通信連接請(qǐng)求，終端接收到調(diào)試設(shè)備發(fā)送的通信連接請(qǐng)求后，根據(jù)該通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接。
[0070]需要說(shuō)明的是，實(shí)際應(yīng)用中，通信連接請(qǐng)求也可以由終端發(fā)起。
[0071]在本發(fā)明的另一個(gè)實(shí)施例中，終端通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接時(shí)，終端和調(diào)試設(shè)備可以先與服務(wù)器建立通信連接，當(dāng)服務(wù)器接收到來(lái)自調(diào)試設(shè)備的通信連接請(qǐng)求后，服務(wù)器將該通信連接請(qǐng)求發(fā)送給終端，終端根據(jù)該通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)，與調(diào)試設(shè)備建立通信連接。
[0072]當(dāng)然，實(shí)際應(yīng)用中，也可是服務(wù)器接收到來(lái)自終端的通信連接請(qǐng)求后，將該通信連接請(qǐng)求發(fā)送給調(diào)試設(shè)備，調(diào)試設(shè)備再根據(jù)該通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)，與終端建立通信連接。
[0073]上述的通信連接請(qǐng)求中，可以攜帶調(diào)試設(shè)備的標(biāo)識(shí)或者終端的標(biāo)識(shí)等信息，當(dāng)然，本申請(qǐng)并不對(duì)連接請(qǐng)求中攜帶的信息進(jìn)行限定。
[0074]S103:通過(guò)上述通信連接，將目標(biāo)網(wǎng)頁(yè)的源代碼發(fā)送給調(diào)試設(shè)備。
[0075]S104:通過(guò)上述通信連接，接收調(diào)試設(shè)備發(fā)送的目標(biāo)網(wǎng)頁(yè)修改后的源代碼。
[0076]調(diào)試設(shè)備接收到目標(biāo)網(wǎng)頁(yè)的源代碼后，開(kāi)發(fā)人員可以在調(diào)試設(shè)備上進(jìn)行調(diào)試操作，例如，根據(jù)終端渲染目標(biāo)網(wǎng)頁(yè)時(shí)出現(xiàn)問(wèn)題的元素，在調(diào)試設(shè)備上查看并分析該元素對(duì)應(yīng)的源代碼，對(duì)該元素對(duì)應(yīng)的源代碼進(jìn)行修改。
[0077]S105:根據(jù)目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染目標(biāo)網(wǎng)頁(yè)。
[0078]可選的，在本發(fā)明的另一個(gè)具體實(shí)施例中，參見(jiàn)圖2，上述接收調(diào)試設(shè)備發(fā)送的目標(biāo)網(wǎng)頁(yè)修改后的源代碼(S104)，可以包括:
[0079]S104A:通過(guò)上述通信連接，接收調(diào)試設(shè)備發(fā)送的目標(biāo)網(wǎng)頁(yè)修改后的所有源代碼。[0080]上述根據(jù)目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染目標(biāo)網(wǎng)頁(yè)(S105)，可以包括:
[0081]S105A:將目標(biāo)網(wǎng)頁(yè)的所有源代碼替換為修改后的所有源代碼。
[0082]S105B:根據(jù)修改后的源代碼，渲染目標(biāo)網(wǎng)頁(yè)。
[0083]可選的，在本發(fā)明的又一個(gè)具體實(shí)施例中，參見(jiàn)圖3，上述接收調(diào)試設(shè)備發(fā)送的目標(biāo)網(wǎng)頁(yè)修改后的源代碼(S104)，可以包括:
[0084]S104B:通過(guò)上述通信連接，接收調(diào)試設(shè)備發(fā)送的目標(biāo)網(wǎng)頁(yè)中渲染失敗的元素對(duì)應(yīng)的修改后的源代碼，以及渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在目標(biāo)網(wǎng)頁(yè)的源代碼中的
位置信息。
[0085]上述根據(jù)目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染目標(biāo)網(wǎng)頁(yè)(S105)，可以包括:
[0086]S105C:根據(jù)渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息，確定渲染失敗的元素對(duì)應(yīng)的源代碼在目標(biāo)網(wǎng)頁(yè)的源代碼中的起始位置和結(jié)束位置。
[0087]S105D:將起始位置和結(jié)束位置之間的源代碼替換為渲染失敗的元素對(duì)應(yīng)的修改后的源代碼。
[0088]S105E:根據(jù)目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染目標(biāo)網(wǎng)頁(yè)。
[0089]終端根據(jù)目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染該目標(biāo)網(wǎng)頁(yè)；若該目標(biāo)網(wǎng)頁(yè)還存在問(wèn)題，則可以重復(fù)S103至S105，開(kāi)發(fā)人員可以繼續(xù)在調(diào)試設(shè)備中修改目標(biāo)網(wǎng)頁(yè)的源代碼，直到在終端上能成功渲染所述目標(biāo)網(wǎng)頁(yè)。
[0090]S106:如果目標(biāo)網(wǎng)頁(yè)渲染成功，根據(jù)對(duì)目標(biāo)網(wǎng)頁(yè)源代碼所做的修改，確定瀏覽器中與目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)。
[0091]在本實(shí)施例的一種具體應(yīng)用中，假設(shè)將目標(biāo)網(wǎng)頁(yè)源代碼中的參數(shù)A的取值由50修改為60后，終端能夠成功渲染該目標(biāo)網(wǎng)頁(yè)，其中，瀏覽器的源代碼中設(shè)定的參數(shù)A的取值范圍為[55，70]，則可以判定瀏覽器與目標(biāo)網(wǎng)頁(yè)源代碼中的參數(shù)A的原取值(50)不兼容。
[0092]S107:在瀏覽器的源代碼中，對(duì)上述與目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)進(jìn)行修改。
[0093]參照S106給出的具體應(yīng)用，由于目標(biāo)網(wǎng)頁(yè)的源代碼中的參數(shù)A的取值不屬于瀏覽器的源代碼中設(shè)定的參數(shù)A的取值范圍，則為了增強(qiáng)瀏覽器的兼容性，可擴(kuò)大瀏覽器的源代碼中參數(shù)A的取值范圍，例如，可以將A的取值范圍修改為[50，70]，以解決終端渲染目標(biāo)網(wǎng)頁(yè)失敗的問(wèn)題。
[0094]由以上可見(jiàn)，本實(shí)施例提供的方案中，通過(guò)無(wú)線網(wǎng)絡(luò)建立終端和調(diào)試設(shè)備之間的通信連接，并在調(diào)試設(shè)備中進(jìn)行目標(biāo)網(wǎng)頁(yè)源代碼修改，當(dāng)在調(diào)試設(shè)備中完成目標(biāo)網(wǎng)頁(yè)源代碼修改后，將目標(biāo)網(wǎng)頁(yè)源代碼發(fā)送至終端，這樣用戶可在終端中檢查修改后的目標(biāo)網(wǎng)頁(yè)是否還存在渲染錯(cuò)誤，若不存在渲染錯(cuò)誤，則根據(jù)對(duì)目標(biāo)網(wǎng)頁(yè)源代碼的修改，確定瀏覽器中與目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)，并在瀏覽器源代碼中，對(duì)上述參數(shù)進(jìn)行修改。可見(jiàn)，應(yīng)用本發(fā)明實(shí)施例提供的方法進(jìn)行調(diào)試時(shí)，通過(guò)調(diào)試設(shè)備修改目標(biāo)網(wǎng)頁(yè)，而通過(guò)終端渲染修改后的目標(biāo)網(wǎng)頁(yè)，無(wú)需在瀏覽器的調(diào)試界面和網(wǎng)頁(yè)展示界面切換，提高了瀏覽器調(diào)試效率，利于軟件開(kāi)發(fā)人員解決問(wèn)題。
[0095]圖4為本發(fā)明實(shí)施例提供的針對(duì)瀏覽器的遠(yuǎn)程調(diào)試裝置的第一種結(jié)構(gòu)示意圖，該裝置應(yīng)用于調(diào)試目標(biāo)終端，包括:通信連接建立模塊401、源代碼發(fā)送模塊402、源代碼接收模塊403、網(wǎng)頁(yè)渲染模塊404、參數(shù)確定模塊405和瀏覽器修改模塊406。[0096]其中，通信連接建立模塊401，用于在終端渲染目標(biāo)網(wǎng)頁(yè)失敗的情況下，通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接；
[0097]源代碼發(fā)送模塊402，用于通過(guò)上述通信連接，將所述目標(biāo)網(wǎng)頁(yè)的源代碼發(fā)送給所述調(diào)試設(shè)備；
[0098]源代碼接收模塊403，用于通過(guò)上述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼；
[0099]網(wǎng)頁(yè)渲染模塊404，用于根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)；
[0100]參數(shù)確定模塊405，用于在所述目標(biāo)網(wǎng)頁(yè)渲染成功的情況下，根據(jù)對(duì)所述目標(biāo)網(wǎng)頁(yè)源代碼所做的修改，確定瀏覽器中與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)；
[0101]瀏覽器修改模塊406，用于在瀏覽器的源代碼中，對(duì)上述與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)進(jìn)行修改。
[0102]具體的，通信連接建立模塊401，包括:第一連接請(qǐng)求接收子模塊和第一通信連接建立子模塊(圖中未示出)。
[0103]其中，第一連接請(qǐng)求接收子模塊，用于接收調(diào)試設(shè)備發(fā)送的通信連接請(qǐng)求；第一通信連接建立子模塊，用于根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)與所述調(diào)試設(shè)備建立通信連接。
[0104]具體的，通信連接建立模塊401，包括:第二通信連接建立子模塊、第二連接請(qǐng)求接收子模塊和第三通信連接建立子模塊(圖中未示出)。
[0105]其中，第二通信連接建立子模塊，用于與服務(wù)器建立通信連接；第二連接請(qǐng)求接收子模塊，用于接收服務(wù)器發(fā)送的來(lái)自調(diào)試設(shè)備的通信連接請(qǐng)求；第三通信連接建立子模塊，用于根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)，與所述調(diào)試設(shè)備建立通信連接。
[0106]可選的，在本發(fā)明的另一個(gè)具體實(shí)施例中，參見(jiàn)圖5，提供了一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試裝置的具體結(jié)構(gòu)示意圖，與圖4所示實(shí)施例相比，本實(shí)施例中，
[0107]源代碼接收模塊403，具體用于通過(guò)上述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的所有源代碼。
[0108]網(wǎng)頁(yè)渲染模塊404，包括:第一源代碼替換子模塊4041和第一網(wǎng)頁(yè)渲染子模塊4042。
[0109]其中，第一源代碼替換子模塊4041，用于將所述目標(biāo)網(wǎng)頁(yè)的所有源代碼替換為所述目標(biāo)網(wǎng)頁(yè)修改后的所有源代碼；
[0110]第一網(wǎng)頁(yè)渲染子模塊4042，用于根據(jù)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
[0111]可選的，在本發(fā)明的又一個(gè)具體實(shí)施例中，參見(jiàn)圖6，提供了另一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試裝置的具體結(jié)構(gòu)示意圖，與圖4所示實(shí)施例相比，本實(shí)施例中，
[0112]源代碼接收模塊403，具體用于通過(guò)上述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)中渲染失敗的元素對(duì)應(yīng)的修改后的源代碼，以及渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息。
[0113]網(wǎng)頁(yè)渲染模塊404，包括:位置確定子模塊4043、第二源代碼替換子模塊4044和第二網(wǎng)頁(yè)渲染子模塊4045。
[0114]其中，位置確定子模塊4043，用于根據(jù)渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息，確定渲染失敗的元素對(duì)應(yīng)的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的起始位置和結(jié)束位置；
[0115]第二源代碼替換子模塊4044，用于將所述起始位置和結(jié)束位置之間的源代碼替換為渲染失敗的元素對(duì)應(yīng)的修改后的源代碼；
[0116]第二網(wǎng)頁(yè)渲染子模塊4045，用于根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
[0117]由以上可見(jiàn)，本實(shí)施例提供的方案中，通過(guò)無(wú)線網(wǎng)絡(luò)建立終端和調(diào)試設(shè)備之間的通信連接，并在調(diào)試設(shè)備中進(jìn)行目標(biāo)網(wǎng)頁(yè)源代碼修改，當(dāng)在調(diào)試設(shè)備中完成目標(biāo)網(wǎng)頁(yè)源代碼修改后，將目標(biāo)網(wǎng)頁(yè)源代碼發(fā)送至終端，這樣用戶可在終端中檢查修改后的目標(biāo)網(wǎng)頁(yè)是否還存在渲染錯(cuò)誤，若不存在渲染錯(cuò)誤，則根據(jù)對(duì)目標(biāo)網(wǎng)頁(yè)源代碼的修改，確定瀏覽器中與目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)，并在瀏覽器源代碼中，對(duì)上述參數(shù)進(jìn)行修改?？梢?jiàn)，應(yīng)用本發(fā)明實(shí)施例提供的方法進(jìn)行調(diào)試時(shí)，通過(guò)調(diào)試設(shè)備修改目標(biāo)網(wǎng)頁(yè)，而通過(guò)終端渲染修改后的目標(biāo)網(wǎng)頁(yè)，無(wú)需在瀏覽器的調(diào)試界面和網(wǎng)頁(yè)展示界面切換，提高了瀏覽器調(diào)試效率，利于軟件開(kāi)發(fā)人員解決問(wèn)題。
[0118]對(duì)于裝置實(shí)施例而言，由于其基本相似于方法實(shí)施例，所以描述的比較簡(jiǎn)單，相關(guān)之處參見(jiàn)方法實(shí)施例的部分說(shuō)明即可。
[0119]需要說(shuō)明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語(yǔ)僅僅用來(lái)將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開(kāi)來(lái)，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語(yǔ)“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過(guò)程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒(méi)有明確列出的其他要素，或者是還包括為這種過(guò)程、方法、物品或者設(shè)備
所固有的要素。在沒(méi)有更多限制的情況下，由語(yǔ)句“包括一個(gè)......”限定的要素，并不排
除在包括所述要素的過(guò)程、方法、物品或者設(shè)備中還存在另外的相同要素。
[0120]本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述方法實(shí)施方式中的全部或部分步驟是可以通過(guò)程序來(lái)指令相關(guān)的硬件來(lái)完成，所述的程序可以存儲(chǔ)于計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中，這里所稱得的存儲(chǔ)介質(zhì)，如:R0M/RAM、磁碟、光盤(pán)等。
[0121]以上所述僅為本發(fā)明的較佳實(shí)施例而已，并非用于限定本發(fā)明的保護(hù)范圍。凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換、改進(jìn)等，均包含在本發(fā)明的保護(hù)范圍內(nèi)。
【權(quán)利要求】
1.一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試方法，其特征在于，所述方法包括: 終端渲染目標(biāo)網(wǎng)頁(yè)失?。? 通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接； 通過(guò)所述通信連接，將所述目標(biāo)網(wǎng)頁(yè)的源代碼發(fā)送給所述調(diào)試設(shè)備； 通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼； 根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)； 如果所述目標(biāo)網(wǎng)頁(yè)渲染成功，根據(jù)對(duì)所述目標(biāo)網(wǎng)頁(yè)源代碼所做的修改，確定瀏覽器中與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)； 在瀏覽器的源代碼中，對(duì)上述與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)進(jìn)行修改。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接，包括: 接收調(diào)試設(shè)備發(fā)送的通信連接請(qǐng)求； 根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)與所述調(diào)試設(shè)備建立通信連接。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接，包括: 與服務(wù)器建立通信連接； 接收服務(wù)器發(fā)送的來(lái)自調(diào)試設(shè)備的通信連接請(qǐng)求； 根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)，與所述調(diào)試設(shè)備建立通信連接。
4.根據(jù)權(quán)利要求1-3中任一項(xiàng)所述的方法，其特征在于， 所述通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，包括: 通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的所有源代碼； 所述根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)，包括: 將所述目標(biāo)網(wǎng)頁(yè)的所有源代碼替換為修改后的所有源代碼； 根據(jù)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
5.根據(jù)權(quán)利要求1-3中任一項(xiàng)所述的方法，其特征在于， 所述通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)的源代碼，包括: 通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)中渲染失敗的元素對(duì)應(yīng)的修改后的源代碼，以及渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息； 所述根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)，包括: 根據(jù)渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息，確定渲染失敗的元素對(duì)應(yīng)的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的起始位置和結(jié)束位置；將所述起始位置和結(jié)束位置之間的源代碼替換為渲染失敗的元素對(duì)應(yīng)的修改后的源代碼； 根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
6.一種針對(duì)瀏覽器的遠(yuǎn)程調(diào)試裝置，其特征在于，所述裝置包括: 通信連接建立模塊，用于在終端渲染目標(biāo)網(wǎng)頁(yè)失敗的情況下，通過(guò)無(wú)線網(wǎng)絡(luò)與調(diào)試設(shè)備建立通信連接；源代碼發(fā)送模塊，用于通過(guò)所述通信連接，將所述目標(biāo)網(wǎng)頁(yè)的源代碼發(fā)送給所述調(diào)試設(shè)備； 源代碼接收模塊，用于通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼； 網(wǎng)頁(yè)渲染模塊，用于根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)； 參數(shù)確定模塊，用于在所述目標(biāo)網(wǎng)頁(yè)渲染成功的情況下，根據(jù)對(duì)所述目標(biāo)網(wǎng)頁(yè)源代碼所做的修改，確定瀏覽器中與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)； 瀏覽器修改模塊，用于在瀏覽器的源代碼中，對(duì)上述與所述目標(biāo)網(wǎng)頁(yè)不兼容的參數(shù)進(jìn)行修改。
7.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述通信連接建立模塊，包括: 第一連接請(qǐng)求接收子模塊，用于接收調(diào)試設(shè)備發(fā)送的通信連接請(qǐng)求； 第一通信連接建立子模塊，用于根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)與所述調(diào)試設(shè)備建立通信連接。
8.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述通信連接建立模塊，包括: 第二通信連接建立子模塊，用于與服務(wù)器建立通信連接； 第二連接請(qǐng)求接收子模塊 ，用于接收服務(wù)器發(fā)送的來(lái)自調(diào)試設(shè)備的通信連接請(qǐng)求；第三通信連接建立子模塊，用于根據(jù)所述通信連接請(qǐng)求，通過(guò)無(wú)線網(wǎng)絡(luò)，與所述調(diào)試設(shè)備建立通信連接。
9.根據(jù)權(quán)利要求6-8中任一項(xiàng)所述的裝置，其特征在于， 所述源代碼接收模塊，具體用于通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)修改后的所有源代碼； 所述網(wǎng)頁(yè)渲染模塊，包括: 第一源代碼替換子模塊，用于將所述目標(biāo)網(wǎng)頁(yè)的所有源代碼替換為修改后的所有源代碼； 第一網(wǎng)頁(yè)渲染子模塊，用于根據(jù)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
10.根據(jù)權(quán)利要求6-8中任一項(xiàng)所述的裝置，其特征在于， 所述源代碼接收模塊，具體用于通過(guò)所述通信連接，接收所述調(diào)試設(shè)備發(fā)送的所述目標(biāo)網(wǎng)頁(yè)中渲染失敗的元素對(duì)應(yīng)的修改后的源代碼以及渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息； 所述網(wǎng)頁(yè)渲染模塊，包括: 位置確定子模塊，用于根據(jù)渲染失敗的元素對(duì)應(yīng)的修改后的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的位置信息，確定渲染失敗的元素對(duì)應(yīng)的源代碼在所述目標(biāo)網(wǎng)頁(yè)的源代碼中的起始位置和結(jié)束位置； 第二源代碼替換子模塊，用于將所述起始位置和結(jié)束位置之間的源代碼替換為渲染失敗的元素對(duì)應(yīng)的修改后的源代碼； 第二網(wǎng)頁(yè)渲染子模塊，用于根據(jù)所述目標(biāo)網(wǎng)頁(yè)修改后的源代碼，渲染所述目標(biāo)網(wǎng)頁(yè)。
【文檔編號(hào)】H04L29/08GK104021082SQ201410267067
【公開(kāi)日】2014年9月3日 申請(qǐng)日期:2014年6月16日 優(yōu)先權(quán)日:2014年6月16日
【發(fā)明者】關(guān)翔, 劉陽(yáng), 張志和 申請(qǐng)人:貝殼網(wǎng)際（北京）安全技術(shù)有限公司