未加星标

如何在JavaScript中写一个Bug跟踪器

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二04 | 时间 2017 | 作者 红领巾 ] 0人收藏点击收藏
如何在javascript中写一个Bug跟踪器

2小时前来源:IT168

【IT168 评论】在编程生涯中,几乎每个开发人员都被Bug逼疯过几次,一个Web应用程序在本地机器上运行一切正常,但在客户端运行时,客户总是各种抱怨,比如中断操作,接口无响应等等。根据我的经验,Web程序出问题的很大一部分原因是由于浏览器版本或类型不同造成的。也就是说,即便你经过了很多测试,但客户那还是可能出问题。客户有问题,就不能不管,但你可能不知道如何解决这个问题,因为在你的机器上一切正常。

对于这些情况,一些公司已经创建了自动错误跟踪解决方案,如Airbrake或BugDigger。然而,如果我们只有一个小项目,我们不需要这样一个巨大的解决方案,况且我们也没那么多精力,最重要的原因是,就算搞一个巨大的解决方案,客户也不一定想支付,因为它不能用来盈利,这时我们该怎么办?

我们可以在我们的JS源代码中创建自己的错误跟踪器。根据自动向服务器发送请求的错误原型Error-Prototype写一个自己的ErrorHandler-Object,在数据库中写下错误消息,为客户创建编号,并将新编号发送到客户端,客户端将接到通知。

具体步骤

首先,创建一个函数来处理我们的Error-Handling-Logic。这是ErrorHandler对象构造函数方法。


如何在JavaScript中写一个Bug跟踪器

我的表方案包含以下列:

注意:我从大多数会话数据中提取用户。如果有超过五个人在使用该工具,可推断为是一个特定组在交互,数据库服务器我使用了MS SQL。

php控制器,接收请求,比如:


如何在JavaScript中写一个Bug跟踪器

为了区分不同的客户,如果决定将多个客户路由到表上,请求里还应该包含客户名称。

创建ErrorHandler对象

下一步创建ErrorHandler-Object,它从本地的Error-Prototype继承,并将Error-Handling-Logic作为构造函数。

在JavaScript中使用ErrorHandlerAutomatically

最后,我们将ErrorHandler-Object附加到window.onerror事件,以确保在浏览器中出现严重错误时可以调用它。


如何在JavaScript中写一个Bug跟踪器

要抛出手动异常,只需在try/catch-block中调用以下代码:

对于一个小项目来说,这就足够了,可以提供一个比较低水平的错误追踪功能。但客户满意才是王道,所以你的客户能不能接受这种方式还未可知,使用时要慎重。在我看来,这些代码的成本对于小型客户端,网站和应用程序来说是可接受的。

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

分页:12
转载请注明
本文标题:如何在JavaScript中写一个Bug跟踪器
本站链接:http://www.codesec.net/view/530087.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(20)