CN104796278A - 终端设备、Web前端错误的上报系统及方法 - Google Patents

终端设备、Web前端错误的上报系统及方法 Download PDF

Info

Publication number
CN104796278A
CN104796278A CN201410027433.6A CN201410027433A CN104796278A CN 104796278 A CN104796278 A CN 104796278A CN 201410027433 A CN201410027433 A CN 201410027433A CN 104796278 A CN104796278 A CN 104796278A
Authority
CN
China
Prior art keywords
information
module
terminal equipment
error
analyzed
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201410027433.6A
Other languages
English (en)
Inventor
王卓
浦晓辉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Ctrip Business Co Ltd
Original Assignee
Ctrip Computer Technology Shanghai Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Ctrip Computer Technology Shanghai Co Ltd filed Critical Ctrip Computer Technology Shanghai Co Ltd
Priority to CN201410027433.6A priority Critical patent/CN104796278A/zh
Publication of CN104796278A publication Critical patent/CN104796278A/zh
Pending legal-status Critical Current

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种终端设备、Web前端错误的上报系统及方法,其中,所述终端设备包括一触发模块和一报错模块;触发模块用于在Web前端出错时,和/或,在接收到一触发指令后触发报错模块;报错模块包括一说明控件、一收集模块和一上传模块;说明控件用于接收一描述出错情况的说明信息的输入;收集模块用于收集一待分析数据,待分析数据包括软件环境信息、操作系统信息、设备信息、网络信息和出错页面的截图;上传模块用于将说明信息和待分析数据上传至服务器。本发明弥补了现有的Web前端错误不能上报给服务器的不足,能够全面、准确地收集数据,以使得开发人员完整的模拟用户端的情况,有利于改进和优化Web站点的可靠性和可用性。

Description

终端设备、Web前端错误的上报系统及方法
技术领域
本发明涉及一种终端设备、Web前端错误的上报系统及方法。
背景技术
为了改进Web(网页)的页面表现和解决Web运行中出现的问题,网站开发人员往往需要模拟出现问题的用户端。而现有技术中并不存在一种能将用户端的Web前端错误上报给服务器的方法,这给网站开发人员再现Web前端错误,从而解决错误带来了很大的困难,不利于改进和优化Web站点的可靠性和可用性。
发明内容
本发明要解决的技术问题是为了克服现有技术中不能将Web前端错误上报给服务器的缺陷,提供一种能够将Web前端错误上报给服务器、有利于改进和优化Web站点的可靠性和可用性的终端设备、Web前端错误的上报系统及方法。
本发明是通过下述技术方案解决上述技术方案的:
一种终端设备,其特点是,其包括一触发模块和一报错模块;所述触发模块用于在Web前端出错时触发所述报错模块,和/或,在接收到一触发指令后触发所述报错模块;所述报错模块包括一说明控件、一收集模块和一上传模块;所述说明控件用于接收一用于描述出错情况的说明信息的输入,所述输入可以为一文字信息或一语音信息;所述收集模块用于收集一待分析数据,所述待分析数据包括软件环境信息、操作系统信息、设备信息、网络信息和出错页面的截图;所述上传模块用于将所述说明信息和所述待分析数据上传至服务器。
网站开发人员将上传至服务器的待分析数据和所述输入作为依据,模拟用户端的软件、硬件以及网络情况,分析判断Web前端错误的原因,进而解决问题,改进和优化Web站点的可靠性和可用性。
较佳的,所述软件环境信息包括:所述出错页面使用的浏览器的品牌、版本、内核信息、插件信息、hosts环境和所述浏览器是否使用代理服务器中的一种或多种的组合;所述操作系统信息包括:所述终端设备的操作系统的类型、版本和语言中的一种或多种的组合;所述设备信息包括:所述终端设备的显示器的分辨率、色彩信息和尺寸中的一种或多种的组合;所述网络信息包括:网络的传输速度,和/或,所述网络的服务提供商。其中,hosts是指一些常用的网址域名与其对应的IP地址(互联网协议地址)建立的一个关联“数据库”,hosts文件通常用于补充或取代网络中DNS(域名系统)的功能。
较佳的,所述收集模块用于通过JavaScript(一种脚本语言)获取所述设备信息,通过下载图片计算所述传输速度,通过JavaScript调用一用于获取所述截图的插件以获取所述截图;所述收集模块还用于通过JavaScript或服务端代码获取所述软件环境信息;所述收集模块还用于通过服务端代码获取所述操作系统信息。
较佳的,所述待分析数据还包括所述终端设备的IP(网络之间互联的协议)地址、位置信息和用户信息的一种或多种的组合;所述收集模块还用于调用一用于获取所述IP地址和所述位置信息的第三方API接口(应用编程接口)以获取所述IP地址和所述位置信息,所述收集模块还用于判断所述出错页面是否登陆,若是,获取登陆的用户信息,若否,标记用户类型为未登录。所述用户信息包括登录名、用户等级等,由于用户等级关系到用户可查看页面的权限,所以通过获取到的用户信息可排查Web前端错误是否是由用户的浏览权限引起的。
一种Web前端错误的上报系统,其特点是,所述上报系统包括上述任一一种终端设备以及上述服务器。
一种Web前端错误的上报方法,其特点是,其利用上述的上报系统实现,所述上报方法包括:
S1、在Web前端出错时,和/或,在接收到一触发指令后,接收一用于描述出错情况的说明信息的输入,收集一待分析数据,所述待分析数据包括软件环境信息、操作系统信息、设备信息、网络信息和出错页面的截图;
S2、将所述说明信息和所述待分析数据上传至所述服务器。
较佳的,所述软件环境信息包括:所述出错页面使用的浏览器的品牌、版本、内核信息、插件信息、hosts环境和所述浏览器是否使用代理服务器中的一种或多种的组合;所述操作系统信息包括:所述终端设备的操作系统的类型、版本和语言中的一种或多种的组合;所述设备信息包括:所述终端设备的显示器的分辨率、色彩信息和尺寸中的一种或多种的组合;所述网络信息包括:网络的传输速度,和/或,所述网络的服务提供商。
较佳的,在步骤S1中,通过JavaScript获取所述设备信息,通过下载图片计算所述传输速度,通过JavaScript调用一用于获取所述截图的插件以获取所述截图,通过JavaScript或服务端代码获取所述软件环境信息,通过服务端代码获取所述操作系统信息。
较佳的,所述待分析数据还包括所述终端设备的IP地址、位置信息和用户信息的一种或多种的组合;步骤S1还包括调用一用于获取所述IP地址和位置信息的第三方API接口以获取所述IP地址和位置信息,判断所述出错页面是否登陆,若是,获取登陆的用户信息(如登录名、用户等级等),若否,标记用户类型为未登录。
本发明的积极进步效果在于:本发明的终端设备、Web前端错误的上报系统及方法能够将Web前端错误上报给服务器,并考虑到实际应用中Web前端出错的原因,全面、准确地收集相关数据,以使得网站开发人员完整的模拟用户端的情况,解决出错的问题,有利于改进和优化Web站点的可靠性和可用性。
附图说明
图1为本发明的一较佳实施例的终端设备的结构示意图。
图2为本发明的一较佳实施例的Web前端错误的上报方法的流程图。
具体实施方式
下面通过实施例的方式进一步说明本发明。
一种终端设备,参见图1,一触发模块1和一报错模块2。
所述触发模块1用于在Web前端出错时触发所述报错模块2,和/或,在接收到一触发指令后触发所述报错模块2。
所述报错模块2包括一说明控件21、一收集模块22和一上传模块23。
所述说明控件21用于在被触发后显示一用于由用户填写描述出错情况的说明信息的对话框,并在用户填写完毕后,接收所述说明信息。
所述收集模块22用于收集一待分析数据,所述待分析数据包括软件环境信息、操作系统信息、设备信息、网络信息、出错页面的截图、所述终端设备的IP地址、位置信息和用户信息。
所述上传模块23用于将所述说明信息和所述待分析数据上传至服务器。
具体的,所述软件环境信息包括:所述出错页面使用的浏览器的品牌、版本、内核信息、插件信息、hosts环境和所述浏览器是否使用代理服务器。相应的,所述收集模块22用于通过JavaScript或服务端代码获取所述软件环境信息,如通过JavaScript的navigator(一个用于提供所述浏览器的信息的独立的对象)或服务端代码php(一种通用开源脚本语言)的Browser.php(一种用于获取浏览器相关数据的类)获取所述品牌、版本、内核信息、插件信息、hosts环境,通过php的HTTP_VIA(一种用于判断浏览器是否使用代理服务器的字段)判断所述浏览器是否使用代理服务器。
所述操作系统信息包括:所述终端设备的操作系统的类型、版本和语言。相应的,所述收集模块22还用于通过服务端代码获取所述操作系统信息,如通过php的Browser.php获取。
所述设备信息包括:所述终端设备的显示器的分辨率、色彩信息和尺寸。相应的,所述收集模块22还用于通过JavaScript获取所述设备信息,如通过JavaScript的screen(一种多重视窗管理程序)计算所述分辨率和尺寸。
所述网络信息包括:网络的传输速度和所述网络的服务提供商。相应的,所述收集模块22还用于通过JavaScript下载一图片,由所述图片的大小及加载时间计算所述传输速度。
另外,所述收集模块22还用于通过JavaScript调用一用于获取所述截图的插件以获取所述截图,调用一用于获取所述IP地址和所述位置信息的第三方API接口以获取所述IP地址和所述位置信息,所述收集模块22还用于判断所述出错页面是否登陆,若是,获取登陆的用户信息(如登录名、用户等级等),若否,标记用户类型为未登录。
服务器将接收到的所述说明信息和所述待分析数据信息保存在服务器数据库,由服务端记录事件并将事件通知给网站开发人员。网站开发人员根据上传至服务器的所述说明信息和所述待分析数据,模拟用户端的软件、硬件以及网络情况,分析判断Web前端错误的原因,进而解决问题,改进和优化Web站点的可靠性和可用性。
本实施例的一种Web前端错误的上报系统,所述上报系统包括所述终端设备以及所述服务器。
本实施例的一种Web前端错误的上报方法,参见图2,所述上报方法包括:
步骤101、在Web前端出错时,和/或,在接收到一触发指令后,显示一用于由用户填写描述出错情况的说明信息的对话框,并在用户填写完毕后,接收所述说明信息。
步骤102、通过JavaScript或服务端代码获取一软件环境信息,所述软件环境信息包括:所述出错页面使用的浏览器的品牌、版本、内核信息、插件信息、hosts环境和所述浏览器是否使用代理服务器。
步骤103、通过服务端代码获取一操作系统信息,所述操作系统信息包括:所述终端设备的操作系统的类型、版本和语言。
步骤104、通过JavaScript获取一设备信息,所述设备信息包括:所述终端设备的显示器的分辨率、色彩信息和尺寸。
步骤105、通过JavaScript获取一网络信息,所述网络信息包括:网络的传输速度和所述网络的服务提供商。
步骤106、通过JavaScript调用一用于获取出错页面的截图的插件以获取所述截图。
步骤107、通过JavaScript调用一用于获取IP地址和位置信息的第三方API接口以获取IP地址和位置信息。
步骤108、判断出错页面是否登陆,若是,获取登陆的用户信息(如登录名、用户等级等)并上传至服务器,若否,标记用户类型为未登录并上传至服务器。
步骤109、将所述说明信息、所述软件环境信息、所述操作系统信息、所述设备信息、所述网络信息、所述截图、所述IP地址和所述位置信息上传至所述服务器。
具体的,在步骤102中通过JavaScript的navigator或服务端代码php的Browser.php获取所述品牌、版本、内核信息、插件信息、hosts环境,通过php的HTTP_VIA判断所述浏览器是否使用代理服务器。
在步骤103中通过php的Browser.php获取所述操作系统信息。
在步骤104中通过JavaScript的screen计算所述分辨率和尺寸。
在步骤105中通过JavaScript下载一图片,由所述图片的大小及加载时间计算所述传输速度。
需要注意的是,虽然本实施例的所述上报方法中的所述说明信息、所述软件环境信息、所述操作系统信息、所述设备信息、所述网络信息、所述截图、所述IP地址、所述位置信息和判断出错页面是否登陆是按照步骤101-108获取的,但是本发明的上报方法并不局限于本实施例的获取顺序,可以根据实际情况调整获取顺序或将多个信息并行获取。
虽然以上描述了本发明的具体实施方式,但是本领域的技术人员应当理解,这些仅是举例说明,本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下,可以对这些实施方式做出多种变更或修改,但这些变更和修改均落入本发明的保护范围。

Claims (9)

1.一种终端设备,其特征在于,其包括一触发模块和一报错模块;
所述触发模块用于在Web前端出错时触发所述报错模块,和/或,在接收到一触发指令后触发所述报错模块;
所述报错模块包括一说明控件、一收集模块和一上传模块;
所述说明控件用于接收一用于描述出错情况的说明信息的输入;
所述收集模块用于收集一待分析数据,所述待分析数据包括软件环境信息、操作系统信息、设备信息、网络信息和出错页面的截图;
所述上传模块用于将所述说明信息和所述待分析数据上传至服务器。
2.如权利要求1所述的终端设备,其特征在于,所述软件环境信息包括:所述出错页面使用的浏览器的品牌、版本、内核信息、插件信息、hosts环境和所述浏览器是否使用代理服务器中的一种或多种的组合;
所述操作系统信息包括:所述终端设备的操作系统的类型、版本和语言中的一种或多种的组合;
所述设备信息包括:所述终端设备的显示器的分辨率、色彩信息和尺寸中的一种或多种的组合;
所述网络信息包括:网络的传输速度,和/或,所述网络的服务提供商。
3.如权利要求2所述的终端设备,其特征在于,所述收集模块用于通过JavaScript获取所述设备信息,通过下载图片计算所述传输速度,通过JavaScript调用一用于获取所述截图的插件以获取所述截图;
所述收集模块还用于通过JavaScript或服务端代码获取所述软件环境信息;
所述收集模块还用于通过服务端代码获取所述操作系统信息。
4.如权利要求1所述的终端设备,其特征在于,所述待分析数据还包括所述终端设备的IP地址、位置信息和用户信息的一种或多种的组合;
所述收集模块还用于调用一用于获取所述IP地址和所述位置信息的第三方API接口以获取所述IP地址和所述位置信息,所述收集模块还用于判断所述出错页面是否登陆,若是,获取登陆的用户信息,若否,标记用户类型为未登录。
5.一种Web前端错误的上报系统,其特征在于,所述上报系统包括如权利要求1-4中任意一项所述的终端设备以及权利要求1中所述的服务器。
6.一种Web前端错误的上报方法,其特征在于,其利用如权利要求5所述的上报系统实现,所述上报方法包括:
S1、在Web前端出错时,和/或,在接收到一触发指令后,接收一用于描述出错情况的说明信息的输入,收集一待分析数据,所述待分析数据包括软件环境信息、操作系统信息、设备信息、网络信息和出错页面的截图;
S2、将所述说明信息和所述待分析数据上传至所述服务器。
7.如权利要求6所述的上报方法,其特征在于,所述软件环境信息包括:所述出错页面使用的浏览器的品牌、版本、内核信息、插件信息、hosts环境和所述浏览器是否使用代理服务器中的一种或多种的组合;
所述操作系统信息包括:所述终端设备的操作系统的类型、版本和语言中的一种或多种的组合;
所述设备信息包括:所述终端设备的显示器的分辨率、色彩信息和尺寸中的一种或多种的组合;
所述网络信息包括:网络的传输速度,和/或,所述网络的服务提供商。
8.如权利要求7所述的上报方法,其特征在于,在步骤S1中,通过JavaScript获取所述设备信息,通过下载图片计算所述传输速度,通过JavaScript调用一用于获取所述截图的插件以获取所述截图,通过JavaScript或服务端代码获取所述软件环境信息,通过服务端代码获取所述操作系统信息。
9.如权利要求6所述的上报方法,其特征在于,所述待分析数据还包括所述终端设备的IP地址、位置信息和用户信息的一种或多种的组合;
步骤S1还包括调用一用于获取所述IP地址和位置信息的第三方API接口以获取所述IP地址和位置信息,判断所述出错页面是否登陆,若是,获取登陆的用户信息,若否,标记用户类型为未登录。
CN201410027433.6A 2014-01-21 2014-01-21 终端设备、Web前端错误的上报系统及方法 Pending CN104796278A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410027433.6A CN104796278A (zh) 2014-01-21 2014-01-21 终端设备、Web前端错误的上报系统及方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410027433.6A CN104796278A (zh) 2014-01-21 2014-01-21 终端设备、Web前端错误的上报系统及方法

Publications (1)

Publication Number Publication Date
CN104796278A true CN104796278A (zh) 2015-07-22

Family

ID=53560807

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410027433.6A Pending CN104796278A (zh) 2014-01-21 2014-01-21 终端设备、Web前端错误的上报系统及方法

Country Status (1)

Country Link
CN (1) CN104796278A (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107179979A (zh) * 2016-03-10 2017-09-19 阿里巴巴集团控股有限公司 一种远程终端信息的获取、分析方法、装置及系统
CN107967209A (zh) * 2017-10-09 2018-04-27 中国银联股份有限公司 一种检测前端网页代码中错误的方法、检测设备及服务器
CN108268332A (zh) * 2017-08-10 2018-07-10 广州神马移动信息科技有限公司 网页异常监控方法、设备及系统
CN110347301A (zh) * 2018-04-03 2019-10-18 阿里巴巴集团控股有限公司 界面异常处理方法、装置和设备
CN112671615A (zh) * 2020-12-29 2021-04-16 中国平安财产保险股份有限公司 前端用户操作行为数据的收集方法、系统及存储介质
US11436713B2 (en) 2020-02-19 2022-09-06 International Business Machines Corporation Application error analysis from screenshot

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080320343A1 (en) * 2007-06-20 2008-12-25 Microsoft Corporation Web page error reporting
CN101354706A (zh) * 2007-07-25 2009-01-28 阿里巴巴集团控股有限公司 一种收集网页信息的方法及装置
US20100229112A1 (en) * 2009-03-06 2010-09-09 Microsoft Corporation Problem reporting system based on user interface interactions
US20110004790A1 (en) * 2007-12-21 2011-01-06 Albert Rossmann Asynchrony Debugging Using Web Services Interface
CN103198062A (zh) * 2012-01-04 2013-07-10 百度在线网络技术(北京)有限公司 一种监控页面死链和js错误的方法及系统

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080320343A1 (en) * 2007-06-20 2008-12-25 Microsoft Corporation Web page error reporting
CN101354706A (zh) * 2007-07-25 2009-01-28 阿里巴巴集团控股有限公司 一种收集网页信息的方法及装置
US20110004790A1 (en) * 2007-12-21 2011-01-06 Albert Rossmann Asynchrony Debugging Using Web Services Interface
US20100229112A1 (en) * 2009-03-06 2010-09-09 Microsoft Corporation Problem reporting system based on user interface interactions
CN103198062A (zh) * 2012-01-04 2013-07-10 百度在线网络技术(北京)有限公司 一种监控页面死链和js错误的方法及系统

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107179979A (zh) * 2016-03-10 2017-09-19 阿里巴巴集团控股有限公司 一种远程终端信息的获取、分析方法、装置及系统
CN107179979B (zh) * 2016-03-10 2020-11-06 菜鸟智能物流控股有限公司 一种远程终端信息的获取、分析方法、装置及系统
CN108268332A (zh) * 2017-08-10 2018-07-10 广州神马移动信息科技有限公司 网页异常监控方法、设备及系统
WO2019029627A1 (zh) * 2017-08-10 2019-02-14 广州神马移动信息科技有限公司 网页异常监控方法、设备及系统、计算设备及存储介质
CN107967209A (zh) * 2017-10-09 2018-04-27 中国银联股份有限公司 一种检测前端网页代码中错误的方法、检测设备及服务器
CN107967209B (zh) * 2017-10-09 2021-03-16 中国银联股份有限公司 一种检测前端网页代码中错误的方法、检测设备及服务器
CN110347301A (zh) * 2018-04-03 2019-10-18 阿里巴巴集团控股有限公司 界面异常处理方法、装置和设备
CN110347301B (zh) * 2018-04-03 2022-07-01 阿里巴巴集团控股有限公司 界面异常处理方法、装置和设备
US11436713B2 (en) 2020-02-19 2022-09-06 International Business Machines Corporation Application error analysis from screenshot
CN112671615A (zh) * 2020-12-29 2021-04-16 中国平安财产保险股份有限公司 前端用户操作行为数据的收集方法、系统及存储介质
CN112671615B (zh) * 2020-12-29 2023-07-07 中国平安财产保险股份有限公司 前端用户操作行为数据的收集方法、系统及存储介质

Similar Documents

Publication Publication Date Title
CN104796278A (zh) 终端设备、Web前端错误的上报系统及方法
CN107040816B (zh) 一种客户端应用运行异常分析方法与装置
US7644315B2 (en) Diagnostics and error reporting for common tagging issues
JP5511845B2 (ja) マークアップ言語を通してクライアント・ブラウザ状態のサーバ側ロギングを遂行するための方法
AU2011323569B2 (en) Data delivery
US10931730B2 (en) Method and system for ISP network performance monitoring and fault detection
US10616039B2 (en) System and method for remote maintenance
US9965758B2 (en) Troubleshooting transactions in a network environment
US20140189435A1 (en) System and method to extend the capabilities of a web browser of a web application issue root cause determination techniques
US20150067031A1 (en) Business transaction correlation with client request monitoring data
US11961117B2 (en) Methods and systems to evaluate and determine degree of pretense in online advertisement
CN103220164A (zh) 数据完整性计分和网络可视化及用户体验监控
US20060045019A1 (en) Network testing agent with integrated microkernel operating system
CN103257989A (zh) 网页下载时间分析
US9654580B2 (en) Proxy-based web application monitoring through script instrumentation
CN104601408A (zh) 用于非开放网络环境的网站数据统计及分析方法及系统
CN110825985B (zh) 数据采集系统、方法、装置、控制设备及代理设备
WO2020229635A1 (en) Remotely determining rendering metrics for a web-page
CN107948148A (zh) 一种模拟代填的方法及装置
CN104809057A (zh) 应用测试系统及应用测试方法
CN104834588A (zh) 检测常驻式跨站脚本漏洞的方法和装置
US20170012840A1 (en) Transaction Tracing in a Network Environment
CN107844486B (zh) 一种用于客户端的分析网页问题的方法和系统
CN115665009B (zh) Dns根服务器状态监测方法、装置、电子设备及介质
CN113676926B (zh) 用户网络感知画像方法及装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C41 Transfer of patent application or patent right or utility model
TA01 Transfer of patent application right

Effective date of registration: 20160201

Address after: 200335 Shanghai city Changning District Admiralty Road No. 968 Building No. 16 10 floor

Applicant after: SHANGHAI XIECHENG BUSINESS CO., LTD.

Address before: 200335 Shanghai City, Changning District Fuquan Road No. 99, Ctrip network technology building

Applicant before: Ctrip computer technology (Shanghai) Co., Ltd.

C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20150722