xy-sea/web-see

前端监控SDK，可用来收集并上报：代码报错、性能数据、页面录屏、用户行为、白屏检测等个性化指标数据

Hi，我是 海阔天空

🌱 魔都前端搬运工，喜欢写博客，坚持原创

社区主页 掘金 juejin.cn…

web-see's Issues

网络错误或者上报接口服务异常~检测到后 会不停的上报，内存溢出~

网络错误或者上报接口服务异常检测到后 会不停的上报，内存溢出

// 例子

如果 服务断开，但是检测上报还存在，导致一直检测到 网络失败，不停的上报，最好是做一个 网络失败过滤，重试上报次数，超过多少次，销毁实例，提供一个回调可以更好~

希望支持angular

希望支持angular，并提供相应的使用文档，谢谢

支持 SSR 渲染吗？

events 这个字段如何再数据库存储

events 这个字段如何再数据库存储？
我看了下 events 长度大概 400k 左右，再数据库中应该怎么存这个数据呢？

1.2.2问题

升级到1.2.2后，在demo 里面repeatCodeError 设置成 false， 点击一个js报错，会出现3条。 repeatCodeError设置成true 点击一个js报错，会出现6条。

能否将上报数据存在数据库或oss？

跑web-see-demo的时候发现serveri.js里写的上报数据是放内存里的
如题，能否实现存储在数据库或oss？

其他数据还好，录屏的话数据类型是什么？只能看到event字段是很长的字符串类型

在vue中无法禁止error的上报

按照代码，虽然在addReplaceHandler中已经做过处理，但是vue这块并没有做任何处理

具体的报错行数不对！

sdk 上报的具体的报错行数不对

why？

这个包为啥不用typescript去编写？然后打包成 js 和 min.js 等

SyntaxErrors是否能够监控以及捕获

SyntaxErrors是否能够监控以及捕获

FSP 上报的是哪方面的性能数据

无法监控异步错误？

web-see-demo中的异步错误没有上报：
asyncError() {
this.getTableData();
setTimeout(() => {
JSON.parse('');
});
},

请问不是Vue、React技术框架的项目怎样使用？（比如：基于Layui的项目）

请问不是Vue、React技术框架的项目怎样使用？
比如：基于Layui的项目、jQuery的旧项目等

1.2.0版本页面初次加载后，第一个错误没有recordScreenId

1.2.0版本之后出现第一次加载后，第一个错误没有recordScreenId，改错误的录屏数据提交时候也没有recordScreenId，目前还没有具体看错误的原因，先提个issue，我晚点也看看代码有进展我也贴一下噢

首屏加载时间经常是负数，定位到是没有一个元素变化满足条件

无法使用 patch-package 进行修改

我发现安装后的包里面没有源码相关的文件呢，比如这个 reportData.ts ，我想自己用 patch-package 打个补丁，该怎么做呢。

chrome 里没看到，但是在 Firefox 中却看到了，这是啥原因呢。

上报大小限制

问题： breadcrumb 中的内容过大（几十M）;

原因：type 为 http 的时候把 responseText 全部上传了；

建议： 上传时应该对内容可能很大的字段值进行大小限制，比如上面的 responseText ,一个50条的列表数据序列化后可能就几十M了。

异常无法上报

大佬您好！对于elecctron等 window是对象会有些变化 导致isBrowserEnv为false无法上报信息，这里能不能提供方法暴露给使用者

关于分支和tag的疑问

大佬你好，前端小白学习中，请教一下，那么多活跃的分支主要是用来做啥的，tag也有很多啊，如果要学习的话，用哪个分支的是最新的？如果想在demo试试，用哪个tag的版本？求指点。

博客有误

rollup -w -c在编译index.ts之外的文件，会一直卡死，是啥情况

代码结构太nice了，赞不绝口

抱歉用issues来夸赞，另外想问下 “xinyuan” 是作者本人吗？

如何上报成功接口的请求时长

想咨询下userId有没方法改成动态配置的

1.想咨询下userId有没方法改成动态配置的，想和我们业务系统的userId挂钩
2.上报接口能不能添加自己的额外字段,token，用户信息之类

最新版本beforeDataReport自定义不生效

怎么监听页面停留时长？

rrweb 回放遇到复杂canvas 会卡死

经查: record => recordCanvas: true 导致的

demo项目中查看源码失效

点击查看源码按钮无效，排查是scoucemap文件出问题了

npm切换国内源问题

首先： 大佬牛b！

问题：

1. 由于公司网络原因问题，需要切换npm源为国内
2. 切换后使用pnpm 安装@websee/core 版本为3.2.1,就很奇怪！去npm查看当前最新为3.0.0
3. 而@websee/performance 依赖@websee/[email protected]版本 导致无法进行安装

这是为什么呢，小白期待您的回复

recordScreentime 参数无效

recordScreentime 设置了20秒，最后视频的长度还是10秒。这个需要其他什么配置吗

"FCP" 计算出来比 "FSP" 大

咋回事呢？

源码解析不成功

在查看源码的时候,sourcemap.js文件中的loadSourceMap传的参数fileName,相比demo中的fileName不一样(下图),造成查看源码不成功,请问为什么出现这种情况,怎么解决呢?

数据模型结构支持

想咨询下是否能够提供下ts版本的包呢，上报数据可能存在的结构呢，想用关系型数据库做数据持久化

开启图片打点报错，web-see-demo

如图所示：

唯一ID问题

请问 recordScreenId的生成规则,以及是否可以做唯一id 使用吗,我想将events上传到oss进行存储, recordScreenId是否可以用作文件名

test项目打开非常慢

不知道是不是就我一个人这样，访问localhost:8080的时候很慢，最后会成功加载。然后试着刷新页面，就卡着了，有没有人生成环境试过这个，效果咋样

有支持小程序的版本么