前端异常日志1

最近前端工作比较多,处理的问题和bug自然也多.前端开发中最痛苦的莫过于调试js错误和流览器兼容问题.
虽然现在主流浏览器都拥有自己的调试开发工具,已大大方便开发者开发应用.但当交互复杂并且数据格式情况未知时,上线时也难免出现错误?出现问题的时候我们总不能让客户打开调试工具把控制台里的错误发给我们吧(真实)?
CSS样式问题也同样难缠,因为历史,竞争,等一系列问题也同样让人困扰,同样因为数据结果导致页面布局错位也是常事.不要说测试能解决这些问题,你能保证你的测试数据能覆盖所有的真实数据吗?或许你能,但我真不行.
更悲催的是某个测试跟你说会有什么什么问题,然后他截个图发给你(真实),任你千捶万点它就是不再现.怎么办?
所以现在我需要一个能够在测试环境和上线环境上解决保存js错误日志的功能,并能够方便的再现错误页面.同时它还应该是非侵入式的,使用简单,方便开启和关闭.以便于调试.
整理需求如下:
[b]1.它的使用必须是简单的;
2.它需要自动记录错误日志,同时能够定位到具体出错的行或位置;
3.它能够备份出现错误的请求地址,最好同时截图或保存页面;
4.它需要运行在测试和上线环境,所以它所占用(牺牲)的资源要小;[/b]
希望大家讨论.
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在controller层异常,可以使用Spring框架提供的@ControllerAdvice注解来实现全局异常处理。具体步骤如下: 1. 创建一个类,使用@ControllerAdvice注解标注,用于捕获异常并处理。 2. 在该类中编写异常处理方法,使用@ExceptionHandler注解标注,指定要捕获的异常类型。 3. 在异常处理方法中,可以根据需要进行异常处理,例如记录日志、返回错误信息等。 4. 在前端页面上使用ajax请求后端接口时,可以通过try-catch语句捕获异常,并将异常信息显示给用户。 下面是一个示例代码: ```java @ControllerAdvice public class GlobalExceptionHandler { @ExceptionHandler(Exception.class) public ResponseEntity<String> handleException(Exception e) { // 记录日志 log.error("系统异常:", e); // 返回错误信息 return new ResponseEntity<>(e.getMessage(), HttpStatus.INTERNAL_SERVER_ERROR); } } ``` 在上述代码中,我们使用了Spring框架提供的ResponseEntity类来返回错误信息,并设置状态码为500。在前端页面上,可以通过以下方式获取异常信息: ```javascript $.ajax({ url: "/api/test", type: "POST", dataType: "json", success: function(data) { // 处理成功返回的数据 }, error: function(jqXHR, textStatus, errorThrown) { // 显示错误信息 alert(jqXHR.responseText); } }); ``` 在上述代码中,我们通过jqXHR对象的responseText属性获取到后台返回的错误信息,并将其显示给用户。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值