首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

脚本错误量极致优化-让脚本错误一目了然

原文地址 在上篇《脚本错误量极致优化-监控上报与 Script error 》 中,主要提到了js脚本错误上报的方式,并讲解了如何使用 crossorigin 来解决 Script error 报错信息的方案...本篇《脚本错误量极致优化-让脚本错误一目了然》 将结合示例,通过多种解决方案逐一分析,让脚本错误 一目了然。...[sourcemap_1] SourceMap 文件中的 sourcesContent 字段对应源代码内容,不希望将 SourceMap 文件发布到外网上,而是将其存储到脚本错误处理平台上,只用在处理脚本错误中...基于 SourceMap 快速定位脚本报错方案 [sourcemap_2] 整套方案的代码实现可以在这 noerror 查看,效果如下 [sourcemap-noerror] 1.左边的为线上页面...,上报脚本错误 2.右边的为 noerror 脚本错误监控系统 此时,错误信息中行列数为 1 和 515。

1.2K00

【前端监控】页面错误监控

上报页面错误数据! 言简意赅!不废话!...本文分为4个部分 1、页面错误分类 2、错误监听具体处理 页面错误分类 页面错误这种数据上报的重要性,想必不用我多说了吧 页面通常就分为3种错误 1、js 报错 2、资源加载错误 3、请求报错 其中js...3种错误分类 监听JS 报错 JS 的抛错,分为 JS 执行错误 和 未被 catch的 promise 错误,他们分别需要监听不同的事件来捕获他们的错误 1JS 执行错误 我们会劫持 window.onerror...如果你的js文件和引入的页面域名不一致,产生的跨域问题,就会导致无法捕获到详细错误。...最后可以看下我们对于线上页面监控的一个异常数据对比图,大概长这样(数据是假的) 可以很清楚看到线上页面的稳定性,一个字,稳 最后 鉴于本人能力有限,难免会有疏漏错误的地方,请大家多多包涵, 如果有任何描述不当的地方

1.9K10

shell 错误日志告警脚本

思路 两种思路: 周期轮询 实时抓取 周期轮询 每隔一分钟去抓取一次,错误日志的内容上送webhook。 这样的好处是不会抓到过多的错误日志,但是也有个问题,有可能会错过关键的错误日志。...假如每一分钟一轮询,这一次查询刚好没有错误日志产生,而这一个轮询时刻的一分钟内产生了错误日志,就会错过。...实现思路: 使用 tail 查询日志 倒序获取第一条 关键字可指定 过滤关键字 下面这个脚本实现以上的几个思路,算是一种简单的实现,我一直觉得脚本这东西不要写的太复杂,需要考虑后面的人维护的成本。...编辑保存的话,tail 会抓会量日志,不是脚本有问题。...,不要让脚本变的复杂。

22620

实践 | 脚本错误量极致优化-让脚本错误一目了然

作者|joeyguo 原文|https://github.com/joeyguo/blog/issues/14 在上篇《脚本错误量极致优化-监控上报与Script error》 中,主要提到了js脚本错误上报的方式...,并讲解了如何使用 crossorigin 来解决 Script error 报错信息的方案,于是我们就可以查看到脚本报错信息了。...本篇《脚本错误量极致优化-让脚本错误一目了然》 将结合示例,通过多种解决方案逐一分析,让脚本错误 一目了然。...SourceMap 文件中的 sourcesContent 字段对应源代码内容,不希望将 SourceMap 文件发布到外网上,而是将其存储到脚本错误处理平台上,只用在处理脚本错误中。...基于 SourceMap 快速定位脚本报错方案 整套方案的代码实现可以在这 noerror 查看,效果如下: 1.左边的为线上页面,上报脚本错误 2.右边的为 noerror 脚本错误监控系统 此时

60020

测试脚本页面搞崩了

最近遇到一个bug,测试同学用脚本添加近1000条数据就把页面搞崩了 真是惨重,而且chrome页面请求的接口无任何响应,后端数据有分页,前端也有分页,但是由于数据量过大,ivew的table太不经打了...当我把页面总数调至500时,此时页面内存溢出和cpu又是怎么样 当我点击页面刷新按钮操,然后点击列表的树操作时,页面已经有明显的卡顿了,但页面没有卡死,当我直接把总条数修改1000时,整个页面已经卡死...,第二天测试告诉我,页面又崩了,于是,这种方式是不行了,那么加个页面吧,把树的子集页面用一个弹框页面展示,这样首页只加载第一级数据,二级数据让后端做了个分页查询,再给前端渲染。...用5000调试,页面有稍微卡顿了,10000条数据测试,终于把页面搞崩了。点击tree页面明显卡顿,但即使是这样也比ivew1000条的测试数据页面要好得多。...最后,如果你将总条数调至10000,你最后还是会发现页面cpu直接上升至100%,页面明显的卡顿了几秒钟,这也表明,此时无论页面是否虚拟列表方案,造成页面卡顿与js声明数据量也有一定关系,当定义的数据过大

1.2K20

Nginx设置404错误页面跳转

Nginx设置404错误页面跳转 2018年11月03日 19:33:53 MASTERYEE 阅读数 3989 文章目录 一、Nginx在Linux上设置404错误页面 1.1 第一种配置情况(跳转网络地址...proxy_intercept_errors的配置地址可多样) 1.5 proxy_intercept_errors和fastcgi_intercept_errors的理解 一、Nginx在Linux上设置404错误页面...19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 可以配置多种返回码的多个错误页面...,也可以同时配置多个错误码跳转一个页面,可以同时存在 如下所示 server { listen 80; server_name www.xxxxxxx.com...on; 无用,则需要再添加fastcgi_intercept_errors on; 配置, 这样的话,出现页面错误时也会进行跳转 参考1

8.3K10
领券