首页
AI Coding
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端性能和异常
订阅
喝不醉再来
更多收藏集
微信扫码分享
微信
新浪微博
QQ
15篇文章 · 0订阅
前端数据监控到底在监控什么?
前端数据监控一般分为性能数据监控和线上异常监控。本文对这两块数据的监控原理和方法进行整理说明。 将监控代码注入到页面中,手动计算时间差或者使用浏览器API进行数据统计。 不将统计代码注入到页面中,一般借助虚拟机对页面进行性能数据分析。 在进行性能数据监控之前,先要明确页面从用户…
从无到有<前端异常监控系统>落地
有一天一个测试同事的一个移动端页面白屏了,看样子是页面哪里报错了。 我自己打开页面并没有报错,最后发现报错只存在于他的手机,移动端项目又是在微信环境下,调试起来会比较麻烦,最后用他手机调试才发现问题: 是他账户下面有个对话的消息数据有问题导致页面报错了。 一般遇到这种情况只有用…
前端错误监控与上报
一:及时代码运行错误:也称为代码错误。这个错误往往是程序员在代码书写时造成的,比如语法错误、逻辑错误,这样的错误通常在测试阶段就会被发现,但是也可能存在“漏网之鱼”。 二:资源加载错误:这个错误通常是找不到文件(404)或者是文件加载超时造成的。 浏览器获取网页时,会对网页中每…
解决 "Script Error" 的另类思路
前端的同学如果用 window.onerror 事件做过监控,应该知道,跨域的脚本会给出 "Script Error." 提示,拿不到具体的错误信息和堆栈信息。 这里读者可以跟我一起做一个实验,来深入了解这个事情。先做一下实验准备: 创建一个 Node APP,只做静态服务器,…
GMTC 大前端时代前端监控的最佳实践
本文为2018年6月21日,在北京举办的GMTC(全球大前端技术大会),下午性能与监控专场,由阿里云前端监控团队前端技术专家彭伟春带来的演讲稿,现场反馈效果非常好,地上都坐了三圈,很多人反馈根本无法挤进去。先上现场照。 先做一个自我介绍,我叫彭伟春,英文名是Holden, 阿里…
把前端监控做到极致
说到监控,大家第一时间想到的肯定是 Zabbix、Nagios 等各种强大的后端监控服务。诚然,这些强大的平台通过采集服务器以及链路上各种中间件的数据,为我们的应用稳定起到了不可或缺的保驾护航作用。 然而在互联网的另一端,运行在用户终端上的代码却缺少这样强大的监控能力。 对于资…
聊聊前端代码异常监控
在平时的工作,js 报错是比较常见的一个情景,尤其是有一些错误可能我们在本地测试的时候测试不出来,当发布到线上之后才可以发现,如果抢救及时,那还好,假如很晚才发现,那就可能造成很大的损失了。如果我们前端可以监控到这种报错,并及时上报的话,那我们的问题就比较好解决了。所以我们今天来聊聊前端代码的异常监控
如何监控网页崩溃?
本文是如何监控网页的卡顿?的下篇。今天我们把话题聚焦在如何监控网页的崩溃上。 卡顿也就是网页暂时响应比较慢,JS 可能无法及时执行,这也是上篇网页卡顿监控所依赖的技术点。 但,天无绝人之路,方法总是有的。 搜遍互联网,几乎找不到方法,最终碰上了这篇文章。本文利用 window …
zanePerfor前端性能监控系统高可用之Mongodb副本集读写分离架构
HI!,你好,我是zane,zanePerfor是一款最近我开发的一个前端性能监控平台,现在支持web浏览器端和微信小程序段。 我定义为一款完整,高性能,高可用的前端性能监控系统,这是未来会达到的目的,现今的架构也基本支持了高可用,高性能的部署。实际上还不够,在很多地方还有优化…
前端性能与异常上报
对于后台开发来说,记录日志是一种非常常见的开发习惯,通常我们会使用try...catch代码块来主动捕获错误、对于每次接口调用,也会记录下每次接口调用的时间消耗,以便我们监控服务器接口性能,进行问题排查。 刚进公司时,在进行Node.js的接口开发时,我不太习惯每次排查问题都要…