前端无侵入埋点原理

目录

其实就是利用了浏览器提供的底层能力/钩子，可以通过js监听前端项目整体的promise错误，监听js错误，监听资源加载失败错误；

然后还能监听所有的接口请求，包括F12里network的所有数据；然后埋点库通过监听这些数据，返回给后端，后端则得根据约定，比如header是aaa的value就是自定义数据；

然后header是token的则表示是用户的信息（后端就能解析出这个接口是谁请求的）；

比如监听页面的访问量，则有相关的EventListener可以监听;还能直接监听接口请求，包括其header等数据（当然这个实现到底是浏览器钩子，还是直接改写底层的http api，在底层http api 里包一层自己的埋点逻辑还需要再看下）

可以看下：https://zhuanlan.zhihu.com/p/411409442和这块伪代码：

old = XMLHttpRequest;
XMLHttpRequest = function() { console.log(arguments); return old.apply(this, arguments); }
// 原理就是将最底层的请求api通过代理/切面的方式增加自己的埋点代码

 

作者：Silentdoer
欢迎任何形式的转载，但请务必注明出处。
限于本人水平，如果随笔/文章及代码有表述不当之处，还请不吝赐教。