专栏首页FundebugFundebug支持高亮出错代码位置

Fundebug支持高亮出错代码位置

摘要: 当用户的代码出错时,我们能够捕获出错的代码片段,并且高亮出错的行和列,这样用户可以快速定位出错位置。

接入Fundebug的JavaScript错误监控插件之后,用户就可以第一时间发现线上代码的错误。并且,Fundebug支持使用Source Map还原真正的出错位置,获取出错的代码块:

可知,我们使用黄色和红色分别高亮代码块中出错的行和列。这样,用户一目了然,可以迅速定位出错代码,并找到出错原因。

Source Map按钮关闭时

默认情况下,Source Map按钮是关闭的,此时展示的是压缩代码的出错位置:

这种情况下,是比较难定位出错的源代码位置的,因为压缩代码的变量、函数名称都经过了变换。一个可行的办法是通过出错代码块中的特殊字符串进行搜索,这种方法并不是很好。因此,我们鼓励用户使用Source Map功能。

Source Map按钮开启时

开启Source Map之后,展示的是通过Source Map还原的出错代码:

参考

版权声明

转载时请注明作者 Fundebug以及本文地址: https://blog.fundebug.com/2017/11/21/fundebug-highlight-error-code/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 教你撸一个简单的Vue

    vue的使用相信大家都很熟练了,使用起来简单。但是大部分人不知道其内部的原理是怎么样的,今天我们就来一起实现一个简单的vue

    Fundebug
  • 昝涛博士:人工智能如何自动编程

    知名风险投资人Marc Andreessen说过:”Software is eating the world.“,事实上现在确实如此。如今我们每个人的手机上少则...

    Fundebug
  • 8种常见数据结构及其Javascript实现

    做前端的同学不少都是自学成才或者半路出家,计算机基础的知识比较薄弱,尤其是数据结构和算法这块,所以今天整理了一下常见的数据结构和对应的Javascript的实现...

    Fundebug
  • UWP 手绘视频创作工具技术分享系列 - 有 AI 的手绘视频

    AI(Artificial Intelligence)正在不断的改变着各个行业的形态和人们的生活方式,图像识别、语音识别、自然语言理解等 AI 技术正在自动驾驶...

    Shao Meng
  • 一场疫情,如何照出智能客服的过去、现在和未来?

    便捷生活、不用出门的生活服务配套,“隔空”信息交流的远程教育/远程办公,在药物研发等场景有卓越表现的AI……疫情为很多行业按下了加速键。

    用户2908108
  • JS代码超过1000行,该怎么维护?

    1000行JS代码,听起来挺多的,但实际上真不算什么,随便一个功能完备、代码健壮的JS应用或是模块,很轻松的就写出1000多行,看这里,我以前写的一个tabel...

    web前端教室
  • sklearn-preprocessing使用

    将数据按期属性(按列进行)减去其均值,并处以其方差。得到的结果是,对于每个属性/每列来说所有数据都聚集在0附近,方差为1。

    周小董
  • AI专利之争:小米超华为,国家电网才是大Boss?

    以往相关机构发布 AI 专利数量排行榜时,如果表明“中国在 AI 专利申请数量上已经超过美国,中国在 AI 技术实力上已在国际上遥遥领先”,这类榜单会招致对中国...

    AI科技大本营
  • 谷歌和OpenAI联合发布五条AI定律:如何有效约束AI?

    镁客网
  • 【前端面筋】终于等到你!!!

    之前一直在牛客刷面筋,今天终于自己也写了一篇,算是秋招的总结吧。希望大家都能顺利拿到自己想要的offer! lz本科妹子,从没有想过要当程序员......无奈非...

    牛客网

扫码关注云+社区

领取腾讯云代金券