Fundebug
**摘要：** 灵活配置 breadcrumbSize，记录更多用户行为数据。  ### Fundebug 前端异常监控服务 [Fundebug](https://www.fundebug.com/)提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于 JavaScript 执行错误以及 HTTP 请求错误。 并且，Fundebug 支持 Source Map 还原，记录用户行为以及“录制”用户操作视频，帮助开发者快速复现 BUG，提高 Debug 效率，欢迎大家免费试用~ Fundebug 前端异常监控插件更新至 2.4.0，支持配置 breadcrumbSize 和新增 leaveBreadcrumb()接口。 ### 1、新增 breadcrumbSize 属性...
**摘要：** 将报警间隔设置为实时，第一时间接收提醒！ 为了防止报警过于频繁，在项目设置的“报警规则”页面，我们对报警间隔做了限制，默认一个项目 30 分钟内最多报警一次。当然，时间可以调节，最少能调整到 15 分钟。然而在实际使用中，客户希望每一个错误都能够收到实时的报警。经过慎重考虑，我们决定放开限制，做到支持实时报警。  如果您配置了“实时”，我们建议： - 接入第三方报警(企业微信、钉钉等)，做到真正意义上的实时；我们对邮件报警数量做了限制，每天累计超过 96 封则不再发送；第三方报警没有此限制； - 合理配置报警规则，防止报警过度；如果发现报警消息过于频繁，请及时调整报警规则； 另外，如果您的数据量很大，请谨慎选择实时报警，因为每一个错误都会发送一次报警提醒。假设一天新增 1 万个错误，那么将会收到 1 万条报警消息。 ### 参考 - [Fundebug 配置报警规则](https://docs.fundebug.com/alert/rules/) - [Fundebug 接入第三方报警](https://docs.fundebug.com/alert/channel.html)
**摘要：** 通过代码批量上传 Source Map，实现流程自动化！ [Fundebug 支持使用 Source Map 还原真正的错误位置](https://blog.fundebug.com/2017/02/27/fundebug-support-sourcemap/)。这样的话，开发者能够迅速定位出错的源代码。另外，Fundebug 还能够展示出错的代码块，帮助开发者更快地解决问题。 ### Fundebug 支持哪些 Source Map 上传方式？ 如果希望使用 Source Map 功能的话，我们必须拿到 Source Map 文件。用户可以将 Source Map 文件挂载到自己的服务器，我们会自动下载；或者，用户也可以主动上传 Source Map。我们一共提供了 3 种不同的上传方式：...
**摘要：** 为了帮助客户方便、及时地发现问题，Fundebug 支持企业微信报警了！  [Fundebug](https://www.fundebug.com)是全栈 JavaScript 错误监控平台，支持前端 JavaScript, 后端 Node.js 以及微信小程序等应用监控。 如果配置了企业微信机器人，一旦应用出现错误，Fundebug 会及时发送报警信息到企业微信群。如下图所示：  ### 如何添加企业微信机器人？ 在**项目设置**页面，切换到**报警方式**选项卡，在**第三方报警**中即可添加企业微信报警。  具体细节请参考接入文档：[企业微信报警接入文档](https://docs.fundebug.com/alert/wechatwork/)。 感谢客户大大**桐乡市中医医院**的反馈意见！ ### 关于Fundebug Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了30亿+错误事件，付费客户有阳光保险、达令家、核桃编程、荔枝FM、微脉等众多品牌企业。欢迎大家免费试用！
作为新一代的HTTP协议，HTTP/2可以提高网站性能，优化用户体验，[Fundebug](https://www.fundebug.com/)也是时候升级HTTP/2了，虽然已经有点晚了。 升级HTTP/2是一件很简单的事情，改1行Nginx配置就好了，但是，**工程师只知道How是远远不够的，还需要理解Why**，这就要求我们需要足够的事先调研（1. 什么是HTTP/2？）以及事后分析（4. 升级HTTP/2真的提高性能了吗？）。 ### 1. 什么是HTTP/2？ HTTP/2是新一代的HTTP协议，于2015正式发布。 与其他众多Web技术标准一样，推动HTTP/2标准的依然是Google。发布Chrome的时候Google说过要推动Web技术的发展，然后它真的做到了。（[JavaScript深入浅出第5课：Chrome是如何成功的？](https://blog.fundebug.com/2019/08/08/how-does-chrome-succeed/)） 根据[W3Techs](https://w3techs.com/technologies/details/ce-http2/all/all)的统计，截止2019年10月26日，全世界41.3%的网站已经使用了HTTP/2。 根据[Can I use](https://caniuse.com/#search=http2)，绝大多数浏览器都支持了HTTP/2：  HTTP/2主要有以下几个特性： - **HTTP/2为二进制协议**  **图片来源：[Valentin V. Bartenev](https://www.nginx.com/blog/http2-module-nginx)** 由上图可知，HTTP/1.1传输的是文本数据，而HTTP/2传输的是二进制数据，提高了数据传输效率。 - **HTTP/2支持TCP连接多路复用**  **图片来源：[Factory.hr](https://medium.com/@factoryhr/http-2-the-difference-between-http-1-1-benefits-and-how-to-use-it-38094fa0e95b)** 由上图可知，HTTP 1.1需要为不同的HTTP请求建立单独的TCP连接，而HTTP/2的多个HTTP请求可以复用同一个TCP连接。 要知道，建立TCP连接时需要3次握手，再加上TLS的4次握手，加起来就是7次握手，如果可以复用TCP连接的话，则可以减少这些多余的开销。 -...
**摘要：** 是时候支持TS了！  ### Fundebug前端异常监控服务 [Fundebug](https://www.fundebug.com/)提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于JavaScript执行错误以及HTTP请求错误。 并且，Fundebug支持Source Map还原，记录用户行为以及“录制”用户操作视频，帮助开发者快速复现BUG，提高Debug效率，欢迎大家免费试用~ Fundebug前端异常监控插件更新至2.0.0，全面支持TypeScript，为使用TypeScript的用户提供更好的编程体验。 ### 关于TypeScript 想必大家都听说过TypeScript： - Vue 3.0使用TypeScript重写 - Node.js作者使用TypeScript开发Deno，一个新的JavaScript后端语言 为什么很多人开始使用TS了呢？ 因为JavaScript没有类型，而TypeScript有类型的，这样可以提高代码的正确性。另一方面，全面的类型推断意味着编辑器可以提供完备的代码补全和类型错误提醒，提高开发者的开发效率。 对TypeScript感兴趣的同学，不妨看看TS作者Anders Hejlsberg的视频[Introducing TypeScript](https://channel9.msdn.com/posts/Anders-Hejlsberg-Introducing-TypeScript)。[Anders Hejlsberg](https://github.com/ahejlsberg)是程序员界的传奇人物，C#与TypeScript都是由他设计主导，年近60依然还在编程，但是，他的视频非常浅显易懂！ ### 全面支持TypeScript TypeScript已经在业界应用了多年，且越来越流行，因此Fundebug的前端异常监控插件也应该全面支持TypeScript了： - 所有的代码由JavaScript切换为TypeScript - 严格遵守TSLint的语法规则...
**摘要：** 录屏插件的性能进一步优化，传输的数据体积大幅度减少。  ### 录屏功能介绍 [Fundebug](https://www.fundebug.com/)提供专业的异常监控服务，当线上应用出现 BUG 的时候，我们可以第一时间报警，帮助开发者及时发现 BUG，提高 Debug 效率。在网页端，我们通过原创的录屏技术，可以 100%还原 BUG 出现之前用户的操作流程，帮助开发者快速复现出错场景。演示视频如下：https://static.fundebug.cn/eleme_full.mp4 其实，我们录制的并不是一个真正的视频！算法经过优化，整个“录制”过程 CPU 的使用率非常低。和传统的视频相比，体积小了成百上千倍。Fundebug 插件“录制”的“短视频”，压缩后的体积只有几十 KB。 感兴趣的话，欢迎大家[免费试用](https://www.fundebug.com/team/create)~ ### 尊重用户隐私 录屏功能涉及到用户隐私，我们作为第三方服务，也非常重视这一点： - Fundebug 默认关闭录屏功能，开发者需要的时候可以自行开启； - Fundebug 并不是全程录屏，只会录制 BUG...
**摘要：** 自动还原真实出错位置，快速修复BUG。  ### Source Map功能 > 微信小程序的Source Map功能目前只在 iOS 6.7.2 及以上版本支持。 微信小程序在打包时，会将所有 js 代码打包成一个文件，从而减少体积，加快访问速度。 然而，压缩代码的错误是很难Debug的，因为错误位置是这样的: - 文件：app-service.js - 行号：13782 - 列号：7974 这时，错误的位置信息(**文件，行号和列号**)失去了价值，因为开发者很难知道它所对应的源代码位置。 Fundebug的微信小程序BUG监控支持通过Source Map还原出错位置： - 文件：utils/util.js - 行号：573 -...
**摘要：** 支持监控 HTTP 慢请求，同时修复了记录的 HTTP 响应时间偏小的 BUG。  [Fundebug](https://www.fundebug.com/)是专业微信小游戏 BUG 监控服务，可以第一时间捕获线上环境中小游戏的异常、错误或者 BUG，及时给开发者推送报警，帮助您快速修复 BUG。 [Fundebug](https://www.fundebug.com/)的微信小游戏BUG监控插件更新至**0.5.0**，新增[httpTimeout](https://docs.fundebug.com/notifier/wegame/customize/httptimeout.html)配置选项，支持监控 HTTP 慢请求，同时修复了记录的 HTTP 响应时间偏小的 BUG，请大家及时更新！ ### 监控 HTTP 慢请求 Fundebug 专注于 BUG 监控，暂时无意于提供全面的性能监控服务。但是，当 HTTP 请求过慢，导致用户体验很糟糕时，也可以理解为一种广义的 BUG。HTTP...
**摘要：** Chrome改变世界。 **《[JavaScript深入浅出](https://blog.fundebug.com/tags/JavaScript%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BA/)》系列**： - [JavaScript深入浅出第1课：箭头函数中的this究竟是什么鬼？](https://blog.fundebug.com/2019/06/18/arrow-function-this/) - [JavaScript深入浅出第2课：函数是一等公民是什么意思呢？](https://blog.fundebug.com/2019/06/25/javascript-first-class-function/) - [JavaScript深入浅出第3课：什么是垃圾回收算法？](https://blog.fundebug.com/2019/07/03/javascript-garbage-collection/) - [JavaScript深入浅出第4课：V8引擎是如何工作的？](https://blog.fundebug.com/2019/07/16/how-does-v8-work/) - [JavaScript深入浅出第5课：Chrome是如何成功的？](https://blog.fundebug.com/2019/08/08/how-does-chrome-succeed/) ### 前言 在上一篇博客中，我聊了一下[JavaScript引擎V8的工作原理](https://blog.fundebug.com/2019/07/16/how-does-v8-work/)，顺其自然，接下来应该来聊聊渲染引擎Blink或者Chrome浏览器的工作原理。但是，这2个坑以后再填。 这次我重点聊聊产品，当然免不了涉及一些技术。 几乎所有JavaScript开发者每天都在使用Chrome，大家知道它是如何成为浏览器霸主的吗？ ### Google为什么要做浏览器？ 其实，Google的联合创始人Larry Page和Sergey Brin早在2001年就想做浏览器，但是当时的CEO施密特一直反对，因为从头开发一个浏览器的成本太高了，不是一个创业公司可以承受的。因此，Google直到2006年，公司已经上市2年了，才开始做浏览器，秘密开发了2年，Chrome才正式发布。 Google真正开始开发Chrome是2006年，当时IE的市场占有率高达80%，Firefox大概是10%。自从击败Netscape之后，IE似乎可以高枕无忧了。如果那时候有人要做一个浏览器，大多数人都会质疑，还需要多个浏览器干嘛？IE和Firefox又不是不能用。 但是，2006年时的Web早已经不再是简单的静态页面，Gmail、Youtube、Google Maps，Facebook这些复杂的Web应用已经出现一段时间了，传统浏览器在架构、性能以及稳定性上已经逐渐不再适用了，这时正是需要一款更加强大的浏览器来满足用户与Web开发者的需求。 Google所做的最重要的事情，就是对成千上万的网页进行排序，所以它存在的意义是基于网页的。而一个更快、更好的浏览器，可以促进Web技术的发展，网页会越来越多，越来越好，用户花在Web上的时间越来越多，这对Google是有益。因此，Google要做浏览器，不只是想要一个搜索入口那么简单。 Google希望通过Chrome浏览器来促进Web技术的发展，从而让自己受益，这也不是什么秘密，Chrome团队的人都是这么说的，Google现在的CEO是Sundar Pichai，他当年发布Chrome的时候是[这样说的](https://googleblog.blogspot.com/2008/09/fresh-take-on-browser.html)： >...