阅读

Fundebug的JS插件支持过滤BUG

摘要:Fundebug的JavaScript监控插件更新至0.2.0,支持过滤功能,用户可以根据需要配置filters属性,这样Fundebug将不会捕获过滤掉的错误。

如果你想监控前端JavaScript应用的错误,接入Fundebug监控插件是非常简单的。

<script src="https://og6593g2z.qnssl.com/fundebug.0.2.0.min.js" apikey="API-KEY"></script>

通过配置filters属性,用户可以过滤掉一些不需要捕获的错误,例如烦人的Script error.

filters只能在JavasScript中配置:

fundebug.filters = [
{
message: /^Script error\.$/
}]

配置规则

filters属性有以下特点:

  • 它是一个数组,数组中的元素为过滤规则,当错误符合数组中任意一条过滤规则时,则会被过滤
  • 过滤规则是JavaScript对象,该对象的Key为错误的属性名,Value为正则表达式;
  • 当错误的属性匹配对应正则表达式时,则会被过滤;

配置示例

示例1:过滤name为ReferenceError的错误
fundebug.filters = [
{
name: /^ReferenceError$/
}]
示例2:过滤name为ReferenceError,且message中含aler的错误
fundebug.filters = [
{
name: /^ReferenceError$/,
message: /aler/
}]
示例3:过滤method为GET,且status为401的错误
fundebug.filters = [
{
req:
{
method: /^GET$/
},
res:
{
status: /^401$/
}
}]
示例4:配置多条过滤规则
fundebug.filters = [
{
message: /^Script error\.$/
},
{
req:
{
method: /^GET$/
},
res:
{
status: /^401$/
}
}]

Fundebug可以监控3种不同类型的前端BUG:JavaScript执行错误资源加载错误HTTP请求错误,而不同类型的错误的属性略有不同,具体可以查看JavaScript执行错误资源加载错误以及HTTP请求错误