BT

你的观点很重要! 快来参与InfoQ调研吧!

您现在处于全屏预览
关闭全屏预览

浏览器端 JavaScript 异常监控 For Dummies
录制于:

| 作者 刘小杰 关注 0 他的粉丝 发布于 2017年1月18日 | ArchSummit社交架构图谱:Facebook、Snapchat、Tumblr等背后的核心技术
37:39

概要
本次分享介绍百姓网在 JS 异常监控方面的探索过程。了解和借鉴其他团队的经验,对比之后制定适合自己项目的方案,力争对现有代码的影响最小化。在了解 window.onerror 的限制与不足后,利用 Babel 进行 AST 转换,将 JS 代码用 try catch 包装起来,并依据浏览器特性分别加载源 JS 和包装后的 JS。上报的异常数据发送到服务端(sentry)用于检索和统计,既可以结合 sourcemap 查看异常对应源码位置的上下文代码,也可以配合灰度测试与异常预警机制提前发现问题。除此之外还有很多细节上的小问题,例如噪音消除、浏览器 Error 对象实现差异等。

个人简介

刘小杰,百姓网前端工程师,主要负责设计和维护前端开发、构建、部署、监控等工具设施,以及前端团队需要的其他基础组件。本科就读于复旦大学,博物馆学专业。工作内容经历过各种不同领域,开发过类似于 Android 小部件的 Web Widget 的发布管理平台,山寨过微博,维护过 IPTV portal,做过网页小游戏等等。经历过从 Google Closure、r.js 到 grunt、gulp、webpack、babel 等工具的演进过程。曾是函数式编程初级爱好者,学习过 haskell 和 scala。追求代码整洁度与自我表达性,不喜欢任何冗余和啰嗦的代码。业余爱好主要为音乐和与历史素材有关的书籍文章、音视频节目与电脑游戏。

QCon是由InfoQ主办的全球顶级技术盛会,每年在伦敦、北京、东京、纽约、圣保罗、杭州、旧金山召开。自2007年3月份首次举办以来,已经有包括传统制造、金融、电信、互联网、航空航天等领域的近万名架构师、项目经理、团队领导者和高级开发人员参加过QCon大会。

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT