摘要前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。一、为什么要处理异常？异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事情。增强用户体验；远程定位问题；未雨绸缪，及早发现问题；无法复线问题，尤其是移动端，机型，系统都是问题；完善的前端方案，前端监控系统；对于 JS 而言，我们面对的仅仅只是异常，异常的出现不会直接导致
转载
2024-10-10 16:45:17
80阅读
Linux 系统中使用 logwatch 监控日志文件 Linux 操作系统和许多应用程序会创建特殊的文件来记录它们的运行事件，这些文件通常被称作“日志”。当要了解操作系统或第三方应用程序的行为或进行故障排查时，这些系统日志或特定的应用程序日志文件是必不可少的的工具。但是，日志文件并没有您们所谓的“清晰”或“容易”这种程度的可读性。手工分析原始的日志文件简直是浪费时间，并且单调乏味。出于这个原因
简介很多个人站长在搭建网站时使用nginx作为服务器，为了了解网站的访问情况，一般有两种手段：使用CNZZ之类的方式，在前端页面插入js，用户访问的时候触发js，记录访问请求。分析nginx的access log，从日志中挖掘有用信息。两种方式各有优缺点：CNZZ使用起来比较简单，各种指标定义清楚。但这种方式只能记录页面的访问请求，像ajax之类的请求是无法记录的，还有爬虫信息也不会记录。acce
# Spring Boot捕获日志给前端
在开发Web应用程序时，日志是非常重要的组成部分。通过记录和追踪日志，我们可以更好地了解应用程序的运行情况，诊断问题并进行故障排除。Spring Boot提供了强大的日志记录功能，同时也可以轻松地将日志信息传递给前端页面，以便用户可以实时查看应用程序的运行情况。
在本文中，我们将介绍如何在Spring Boot应用程序中捕获日志信息，并将其传递给前端页
原创
2024-03-19 04:43:16
178阅读
随着项目工程化的发展，对于提升产品性能的要求也越来越多。产品即便通过研发自测，测试各种测，到了用户使用过程中，依然还是会出现一些bug；这对这些bug，不是所有用户会进行反馈（难以发现这些问题）甚至抛弃对于产品的使用；而且这些问题的复现性也相对困难。因此，对于bug的及时发现和解决，成为产品优化的一个考虑重心。
一般情况下，捕获错误的方法——1、window.onerror针对整个js文
转载
2024-04-05 22:07:19
61阅读
vnStat 简介vnStat 是一款轻量级的网络流量监控工具，目前各大 Linux/BSD 系统都已内置支持。vnStat 本身只支持命令行的交互方式，而 Web 前端则由第三方工具支持。这里汇总并对比下 vnStat 的几种 Web 前端并为大家推荐最佳的一款。vnStat Web 前端对比vnStat 首页推荐的四个前端有：vnStat SVG frontend: 基于
假设要开发一个自动化脚本工具，工程结构如下，Common这个package是框架功能的实现，Scripts目录是我们编写的测试用例脚本(请忽略其他不相关的目录)。我们对日志功能的需求如下：1 为了便于日志的查看，每个脚本对应一个日志文件，日志文件以脚本的名字命名2 日志路径以及每个脚本保存的日志容量可以设置，比如设置为5MB，则超过后最老日志被自动覆盖3 日志功能要使用方便，减少与框架业务功能的耦
转载
2023-12-05 03:27:34
205阅读
文章记录项目开发中遇到或者看到的一些难点，方便日后查找 持续更新构建工具相关1.gulp 中配置全局环境变量为了配置debug 和 .min 两份js文件，需要根据命令输入，将文件输出不用的版本解决方案： 通过commander，获取命令行输入的参数，更具参数判断是什么环境，代码如下：var gulp = require('gulp')，
stripDebug = require('gul
转载
2024-09-26 17:37:43
31阅读
关于服务端 401未登录的上报目前很多项目都对用户未登录信息做了日志收集，如果没有特殊的业务需求，我们可以过滤掉。if (err.response.status >= 400 && err.response.status < 500) {
// 如果是非401等 4xx code 则logger错误日志
if (IS_SERVER &a
转载
2024-07-15 13:54:44
160阅读
前面的话 几乎所有的服务器和代理都会记录下它们所处理的HTTP事务摘要。这么做出于一系列的原因：跟踪使用情况、安全性、计费、错误检测等等。本文将介绍日志记录 记录内容 大多数情况下，日志的记录出于两种原因：査找服务器或代理中存在的问题(比如，哪些请求失败了)，或者是生成Web站点访问方式的统计信息。统计数据对市场营销、计费和容量规划(比如，决定是否需要增加服务器或带宽)都非常有用
console.log格式化这一用法一般都在个人博客或其他官网上有，当F12查看网页元素时，在控制台(console)那里偶尔会发现一些个性化的输出，其实现原理不难看一遍就晓得，具体实现如下：一、console.log格式化打印console.log支持的格式标志有:占位符描述%s字符串%d%i整数%f浮点数%o/%Oobject对象%ccss样式1、%c 表示css样式2、%d 和 %i 表示整
转载
2024-04-22 17:25:16
517阅读
背景现在的前端项目越来越复杂，在不同的客户端会产生各种在开发人员机器上不会出现的问题。当用户报告一个问题给开发人员的时候，开发人员无法直接定位问题。在此前，听过一次鹅厂的前端人员，他们对QQ里面的网页监控的一个讲座，深有感触。但是鹅厂是自己开发了一系统，从开发到运维到错误分析，是一整套的体系。对于我们的项目，我们不可能选择自己开发，在网上找到一个开源的产品 [ Sentry ]，基本体现了鹅厂的那
☞ 收集日志的方法平时收集日志的手段，可以归类为两个方面，一个是逻辑中的错误判断，为主动判断；一个是利用语言给我们提供的捷径，暴力式获取错误信息，如 try..catch 和 window.onerror。1. 主动判断我们在一些运算之后，得到一个期望的结果，然而结果不是我们想要的 // test.js
function calc(){
// code
转载
2024-08-12 14:47:05
144阅读
背景 在这越来越发达的网络时代，web应用也是越来越复杂，尤其是前端的开发，也是越来越受重视。 所以在我们前端开发完成后，会有一些列的web应用的上线验证，如自测、QA测试、code review 等，以确保应用能在生产上没有事故。 但是事以愿违，很多时候我们都会接受的客户的一些线上问题，这些问题有时候可能你是自己开发的原因本身存在的问题，这样的问题一般能够在测试环境重现，我们很
转载
2023-08-22 21:45:52
307阅读
在Web应用开发中，前端错误监控是保障用户体验的关键环节。ConvertX作为一款自托管的在线文件转换工具，支持700多种格式转换，其前端界面的稳定性直接影响用户的文件处理流程。本文将从错误捕获机制、报告流程和优化建议三个维度，解析ConvertX前端错误监控体系的实现方式。## 错误捕获机制ConvertX前端错误捕获采用分层策略，覆盖应用生命周期各阶段可能出现的异常场景。### 全...
写在前面在前端监控 sdk 开发中，我们都会用到错误捕获，将页面各类错误进行捕获并上报日志，来获取错误信息，所以我们非常有必要深入了解下各类错误的错误捕获方式。补充setTimeout 错误捕获方式：window.onerror 和window.addEventListener('error',fn,true)的区别 : 注意错误捕获事件监听要写在最前面，即要保证在错误代码运行前已经监听
转载
2024-01-02 19:54:57
284阅读
日志框架介绍一、简介日志框架 市场上存在非常多的日志框架。JUL（java.util.logging），JCL（Apache Commons Logging），Log4j，Log4j2，Logback、SLF4j、jboss-logging等。 Spring Boot在框架内容部使用JCL，spring-boot-starter-logging采用了 slf4j+logback的形式，Spring
话说在前头随着前端发展，前端越来越承接更多的职责，业务的复杂度也越来越高。即使开发和测试同学上线之前都做了充分的测试，但到了线上真实的环境代还是会遇到一些未知问题，这些问题通常是很多随机因素叠加形成的，因此很难定位问题的原因，经常会遇到明明本地是好的，但是线上却是有问题的”尴尬“。这时我们急需一个这样的工具：可以记录用户操作以及线上环境情况（网络、性能、访问统计、稳定性）的日志，外加可以按照设定的
我司于16年使用elasticsearch。将所有应用的日志；收集到elasticsearch中，方便技术人员定位、分析。相对于原本登录到服务器上查看日志，使用elasticsearch极大的提高了工作效率，也提升了整个系统的安全。 整个日志收集架构，经历了下面几个发展阶段。1.0阶段 应用日志收集1.0版本整个
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YJ6SPNTm-1585505076954)(file:///C:/Users/%E6%96%B9%E7%82%AF%E4%B8%B0/AppData/Roaming/Tencent/QQ/Temp/D%28G@%5B8HQGJ%280XS1J0D7@S.png)]一、VUE实例 导入调试版本VUE导入生产版本VUE也
