上一篇「前端监控:监控SDK手摸手Teach-架构篇(已开源)」讲的是SDK的整体架构，这篇讲的是监控代码的具体实现

声明：本文只作学习研究，禁止用于非法用途，否则后果自负，如有侵权，请告知删除，谢谢！ 项目场景： 最近看了中国新说唱，Giao哥在节目中出了一首很火的歌：画画的baby，也是搏得了厂牌主理人Gai的一

第一个例子是西瓜视频的控制台，输出一张图片。 第二个例子是bilibili的控制台，玩转了 ASSII-Aar。 第三个例子：基于第一个例子进行改造。 无意中看到西瓜视频官网的控制台（没有在推广西瓜视频！）。 言归正传，console.log 是支持使用 background …

在这里小浪会简单介绍Elctron的一些基本使用，和如何快速用Eletron框架把自己vue项目打包成桌面应用，让自己拥有属于自己的桌面应用

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…

这件事大约发生在半年前，有人在 vite 的仓库下提了一个关于 vue-router 的 issue，让尤大非常不高兴。遇到同样的问题，如果换做你，你会怎么做呢？

开发中,一直听到有人讨论是不是需要重复造轮子，我觉得有能力的人，轮子得造。但是往往开发周期短，轮子的使用节省的时间可以更好的去理解业务，使用到业务中,也能发现轮子的利弊，可以造更好的轮子。

就我个人而言，倒是蛮期待 Fetch 能够取代传统 Ajax，技术的发展需要不断注入活力才行，我还能再干几十年，可不希望前端技术裹足不前，那样该多无聊 ！

一个 Vue-cli chrome 扩展开发模板，支持同步刷新与 crx 格式打包。 使用： vue init kinglisky/vtemp-chrome-extension my-project cd my-project npm install npm run dev 最…