lz-front-monitor v1.1.3
monitor-webpack
npm adduser
npm publish
npm install lz-front-monitor
#应用前端监控 monitor = new Monitor(); monitor.listen(() => {});
jsError { title: '', //页面标题 url: '', //页面url timestamp: '', // 时间戳 kind: 'stability', //监控指标的大类 type: 'error', //小类型 errorType: 'jsError', //js执行错误 message: '', //错误信息 userAgent: '', //浏览器类型 filename: '', //访问的文件名 position: '', //行列信息 stack: '', //堆栈信息
selector: '', //选择器 }promiseError { title: '', //页面标题 url: '', //页面url timestamp: '', // 时间戳 kind: 'stability', //监控指标的大类 type: 'error', //小类型 errorType: 'jsError', //js执行错误 message: '', //错误信息 userAgent: '', //浏览器类型 filename: '', //访问的文件名 position: '', //行列信息 stack: '', //堆栈信息
selector: '', //选择器 }
FP first paint 首次绘制时间 非dom的背景一类的绘制 FCP first content paint 首次内容绘制时间 dom元素的绘制 FMP first Meaningful Paint 首次有意义绘制 需要dom节点声明自己为有意义的节点 dom.setAttribute('elementtiming', 'meaningful) LCP largest contentful paint 最大内容绘制 代表在viewport中最大的页面元素加载的时间 DCL domContentLoaded dom加载完成 当html文档被完全加载和解析完成之后 DOMContentLoaded 事件被触发,无需等待样式表,图像和子框架加载,完成加载 L onload 当依赖的资源全部加载完毕之后才会触发 TTI time to interactive 可交互时间 用于标记应用已进行视觉渲染并能可靠响应用户输入的时间点 FID first input Delay 首次输入延迟 用户首次和页面交互到页面响应交互的时间