終端設(shè)備、Web前端錯(cuò)誤的上報(bào)系統(tǒng)及方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種終端設(shè)備、Web前端錯(cuò)誤的上報(bào)系統(tǒng)及方法。
【背景技術(shù)】
[0002]為了改進(jìn)Web (網(wǎng)頁(yè))的頁(yè)面表現(xiàn)和解決Web運(yùn)行中出現(xiàn)的問題，網(wǎng)站開發(fā)人員往往需要模擬出現(xiàn)問題的用戶端。而現(xiàn)有技術(shù)中并不存在一種能將用戶端的Web前端錯(cuò)誤上報(bào)給服務(wù)器的方法，這給網(wǎng)站開發(fā)人員再現(xiàn)Web前端錯(cuò)誤，從而解決錯(cuò)誤帶來(lái)了很大的困難，不利于改進(jìn)和優(yōu)化Web站點(diǎn)的可靠性和可用性。

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

[0003]本發(fā)明要解決的技術(shù)問題是為了克服現(xiàn)有技術(shù)中不能將Web前端錯(cuò)誤上報(bào)給服務(wù)器的缺陷，提供一種能夠?qū)eb前端錯(cuò)誤上報(bào)給服務(wù)器、有利于改進(jìn)和優(yōu)化Web站點(diǎn)的可靠性和可用性的終端設(shè)備、Web前端錯(cuò)誤的上報(bào)系統(tǒng)及方法。
[0004]本發(fā)明是通過下述技術(shù)方案解決上述技術(shù)方案的:
[0005]一種終端設(shè)備，其特點(diǎn)是，其包括一觸發(fā)模塊和一報(bào)錯(cuò)模塊；所述觸發(fā)模塊用于在Web前端出錯(cuò)時(shí)觸發(fā)所述報(bào)錯(cuò)模塊，和/或，在接收到一觸發(fā)指令后觸發(fā)所述報(bào)錯(cuò)模塊；所述報(bào)錯(cuò)模塊包括一說明控件、一收集模塊和一上傳模塊；所述說明控件用于接收一用于描述出錯(cuò)情況的說明信息的輸入，所述輸入可以為一文字信息或一語(yǔ)音信息；所述收集模塊用于收集一待分析數(shù)據(jù)，所述待分析數(shù)據(jù)包括軟件環(huán)境信息、操作系統(tǒng)信息、設(shè)備信息、網(wǎng)絡(luò)信息和出錯(cuò)頁(yè)面的截圖；所述上傳模塊用于將所述說明信息和所述待分析數(shù)據(jù)上傳至服務(wù)器。
[0006]網(wǎng)站開發(fā)人員將上傳至服務(wù)器的待分析數(shù)據(jù)和所述輸入作為依據(jù)，模擬用戶端的軟件、硬件以及網(wǎng)絡(luò)情況，分析判斷Web前端錯(cuò)誤的原因，進(jìn)而解決問題，改進(jìn)和優(yōu)化Web站點(diǎn)的可靠性和可用性。
[0007]較佳的，所述軟件環(huán)境信息包括:所述出錯(cuò)頁(yè)面使用的瀏覽器的品牌、版本、內(nèi)核信息、插件信息、hosts環(huán)境和所述瀏覽器是否使用代理服務(wù)器中的一種或多種的組合；所述操作系統(tǒng)信息包括:所述終端設(shè)備的操作系統(tǒng)的類型、版本和語(yǔ)言中的一種或多種的組合；所述設(shè)備信息包括:所述終端設(shè)備的顯示器的分辨率、色彩信息和尺寸中的一種或多種的組合；所述網(wǎng)絡(luò)信息包括:網(wǎng)絡(luò)的傳輸速度，和/或，所述網(wǎng)絡(luò)的服務(wù)提供商。其中，hosts是指一些常用的網(wǎng)址域名與其對(duì)應(yīng)的IP地址(互聯(lián)網(wǎng)協(xié)議地址)建立的一個(gè)關(guān)聯(lián)“數(shù)據(jù)庫(kù)”，hosts文件通常用于補(bǔ)充或取代網(wǎng)絡(luò)中DNS (域名系統(tǒng))的功能。
[0008]較佳的，所述收集模塊用于通過JavaScript (—種腳本語(yǔ)言)獲取所述設(shè)備信息，通過下載圖片計(jì)算所述傳輸速度，通過JavaScript調(diào)用一用于獲取所述截圖的插件以獲取所述截圖；所述收集模塊還用于通過JavaScript或服務(wù)端代碼獲取所述軟件環(huán)境信息；所述收集模塊還用于通過服務(wù)端代碼獲取所述操作系統(tǒng)信息。
[0009]較佳的，所述待分析數(shù)據(jù)還包括所述終端設(shè)備的IP (網(wǎng)絡(luò)之間互聯(lián)的協(xié)議)地址、位置信息和用戶信息的一種或多種的組合；所述收集模塊還用于調(diào)用一用于獲取所述IP地址和所述位置信息的第三方API接口(應(yīng)用編程接口)以獲取所述IP地址和所述位置信息，所述收集模塊還用于判斷所述出錯(cuò)頁(yè)面是否登陸，若是，獲取登陸的用戶信息，若否，標(biāo)記用戶類型為未登錄。所述用戶信息包括登錄名、用戶等級(jí)等，由于用戶等級(jí)關(guān)系到用戶可查看頁(yè)面的權(quán)限，所以通過獲取到的用戶信息可排查Web前端錯(cuò)誤是否是由用戶的瀏覽權(quán)限引起的。
[0010]一種Web前端錯(cuò)誤的上報(bào)系統(tǒng)，其特點(diǎn)是，所述上報(bào)系統(tǒng)包括上述任一一種終端設(shè)備以及上述服務(wù)器。
[0011]一種Web前端錯(cuò)誤的上報(bào)方法，其特點(diǎn)是，其利用上述的上報(bào)系統(tǒng)實(shí)現(xiàn)，所述上報(bào)方法包括:
[0012]S1、在Web前端出錯(cuò)時(shí)，和/或，在接收到一觸發(fā)指令后，接收一用于描述出錯(cuò)情況的說明信息的輸入，收集一待分析數(shù)據(jù)，所述待分析數(shù)據(jù)包括軟件環(huán)境信息、操作系統(tǒng)信息、設(shè)備信息、網(wǎng)絡(luò)信息和出錯(cuò)頁(yè)面的截圖；
[0013]S2、將所述說明信息和所述待分析數(shù)據(jù)上傳至所述服務(wù)器。
[0014]較佳的，所述軟件環(huán)境信息包括:所述出錯(cuò)頁(yè)面使用的瀏覽器的品牌、版本、內(nèi)核信息、插件信息、hosts環(huán)境和所述瀏覽器是否使用代理服務(wù)器中的一種或多種的組合；所述操作系統(tǒng)信息包括:所述終端設(shè)備的操作系統(tǒng)的類型、版本和語(yǔ)言中的一種或多種的組合；所述設(shè)備信息包括:所述終端設(shè)備的顯示器的分辨率、色彩信息和尺寸中的一種或多種的組合；所述網(wǎng)絡(luò)信息包括:網(wǎng)絡(luò)的傳輸速度，和/或，所述網(wǎng)絡(luò)的服務(wù)提供商。
[0015]較佳的，在步驟S1中，通過JavaScript獲取所述設(shè)備信息，通過下載圖片計(jì)算所述傳輸速度，通過JavaScript調(diào)用一用于獲取所述截圖的插件以獲取所述截圖，通過JavaScript或服務(wù)端代碼獲取所述軟件環(huán)境信息，通過服務(wù)端代碼獲取所述操作系統(tǒng)信肩、O
[0016]較佳的，所述待分析數(shù)據(jù)還包括所述終端設(shè)備的IP地址、位置信息和用戶信息的一種或多種的組合；步驟S1還包括調(diào)用一用于獲取所述IP地址和位置信息的第三方API接口以獲取所述IP地址和位置信息，判斷所述出錯(cuò)頁(yè)面是否登陸，若是，獲取登陸的用戶信息(如登錄名、用戶等級(jí)等)，若否，標(biāo)記用戶類型為未登錄。
[0017]本發(fā)明的積極進(jìn)步效果在于:本發(fā)明的終端設(shè)備、Web前端錯(cuò)誤的上報(bào)系統(tǒng)及方法能夠?qū)eb前端錯(cuò)誤上報(bào)給服務(wù)器，并考慮到實(shí)際應(yīng)用中Web前端出錯(cuò)的原因，全面、準(zhǔn)確地收集相關(guān)數(shù)據(jù)，以使得網(wǎng)站開發(fā)人員完整的模擬用戶端的情況，解決出錯(cuò)的問題，有利于改進(jìn)和優(yōu)化Web站點(diǎn)的可靠性和可用性。
【附圖說明】
[0018]圖1為本發(fā)明的一較佳實(shí)施例的終端設(shè)備的結(jié)構(gòu)示意圖。
[0019]圖2為本發(fā)明的一較佳實(shí)施例的Web前端錯(cuò)誤的上報(bào)方法的流程圖。
【具體實(shí)施方式】
[0020]下面通過實(shí)施例的方式進(jìn)一步說明本發(fā)明。
[0021]—種終端設(shè)備，參見圖1，一觸發(fā)模塊I和一報(bào)錯(cuò)模塊2。
[0022]所述觸發(fā)模塊I用于在Web前端出錯(cuò)時(shí)觸發(fā)所述報(bào)錯(cuò)模塊2，和/或，在接收到一觸發(fā)指令后觸發(fā)所述報(bào)錯(cuò)模塊2。
[0023]所述報(bào)錯(cuò)模塊2包括一說明控件21、一收集模塊22和一上傳模塊23。
[0024]所述說明控件21用于在被觸發(fā)后顯示一用于由用戶填寫描述出錯(cuò)情況的說明信息的對(duì)話框，并在用戶填寫完畢后，接收所述說明信息。
[0025]所述收集模塊22用于收集一待分析數(shù)據(jù)，所述待分析數(shù)據(jù)包括軟件環(huán)境信息、操作系統(tǒng)信息、設(shè)備信息、網(wǎng)絡(luò)信息、出錯(cuò)頁(yè)面的截圖、所述終端設(shè)備的IP地址、位置信息和用戶信息。
[0026]所述上傳模塊23用于將所述說明信息和所述待分析數(shù)據(jù)上傳至服務(wù)器。
[0027]具體的，所述軟件環(huán)境信息包括:所述出錯(cuò)頁(yè)面使用的瀏覽器的品牌、版本、內(nèi)核信息、插件信息、hosts環(huán)境和所述瀏覽器是否使用代理服務(wù)器。相應(yīng)的，所述收集模塊22用于通過JavaScript或服務(wù)端代碼獲取所述軟件環(huán)境信息，如通過JavaScript的navigator (一個(gè)用于提供所述瀏覽器的信息的獨(dú)立的對(duì)象)或服務(wù)端代碼php (—種通用開源腳本語(yǔ)言)的Browser, php (一種用于獲取瀏覽器相關(guān)數(shù)據(jù)的類)獲取所述品牌、版本、內(nèi)核信息、插件信息、hosts環(huán)境，通過php的HTTP_VIA (—種用于判斷瀏覽器是否使用代理服務(wù)器的字段)判斷所述瀏覽器是否使用代理服務(wù)器。
[0028]所述操作系統(tǒng)信息包括:所述終端設(shè)備的操作系統(tǒng)的類型、版本和語(yǔ)言。相應(yīng)的，所述收集模塊22還用于通過服務(wù)端代碼獲取所述操作系統(tǒng)信息，如通過php的Browser,php獲取。
[0029]所述設(shè)備信息包括:所述終端設(shè)備的顯示器的分辨率、色彩信息和尺寸。相應(yīng)的，所述收集模塊22還用于通過JavaScript獲取所述設(shè)備信息,如通過JavaScript的screen(一種多重視窗管理程序)計(jì)算所述分辨率和尺寸。
[0030]所述網(wǎng)絡(luò)信息包括:網(wǎng)絡(luò)的傳輸速度和所述網(wǎng)絡(luò)的服務(wù)提供商。相應(yīng)的，所述收集模塊22還用于通過JavaScript下載一圖片，由所述圖片的大小及加載時(shí)間計(jì)算所述傳輸速度。
[0031]另外,所述收集模塊22還用于通過JavaScript調(diào)用一用于獲取所述截圖的插件以獲取所述截圖，調(diào)用一用于獲取所述IP地址和所述位置信息的第三方API接口以獲取所述IP地址和所述位置信息，所述收集模塊22還用于判斷所述出錯(cuò)頁(yè)面是否登陸，若是，獲取登陸的用戶信息(如登錄名、用戶等級(jí)等)，若否