Chrome的Console中的报错隐藏掉后怎么恢复显示

关于今天在谷歌浏览器调试的时候不小心隐藏掉了部分报错信息,然后不知道怎么恢复这件事,记录一下。

案情回顾:
因为这个报错太多了,影响到我看有用的打印,所以我手残点了 Hide messages from app.js,于是非常合我意的把这堆无用报错隐藏掉了,正在我得意之时,我突然想到 “隐藏有了,该怎么恢复呢,毕竟是报错,总得解决的”,然后我就找啊找啊,一开始直接粗暴的把控制台恢复了默认设置。但是这可能不是解决问题的最好途径,皇天不负有心人,在我的乱点之下,神奇的就恢复了。
请添加图片描述

解决方案:
注意控制台的这个小叉叉,这个输入栏是控制台的Filter栏,主要是用于筛选控制台信息的。假如你隐藏了部分打印信息,那么上方输入栏就会出现这样一串链接,点右侧的小叉叉把它关掉就会关闭筛选信息啦,这样所有的打印信息都会重新出现。
请添加图片描述

### 解决前端报错控制台输出正常的问题 当遇到前端代码存在错误但是控制台却未显示任何异常的情况时,这可能是由于多种原因造成的。一种可能性是某些类型的JavaScript 错误被静默处理或者捕获到了全局的 `try-catch` 中[^1]。 为了更好地理解和解决这类问题,可以采取以下几个方面的方法: #### 1. 使用 try...catch 结构捕捉潜在的异步错误 对于可能抛出同步或异步错误的地方,应该包裹在一个 `try...catch` 块里来确保即使发生意外也不会影响整个应用程序的执行流程,并且可以在 catch 部分记录下详细的错误信息以便后续排查。 ```javascript try { // 可能会触发错误的操作 } catch (error) { console.error('Error occurred:', error); } ``` #### 2. 实现全局未捕获异常监听器 通过设置 window.onerror 和/或 process.on('uncaughtException') 来监控那些没有被捕获到的 JavaScript 运行时期间发生的致命性错误事件并将其发送给服务器端进行分析。 ```javascript window.onerror = function(message, source, lineno, colno, error){ const errorMessage = `${message}\nURL: ${source}:${lineno}:${colno}`; sendToServer(errorMessage); // 自定义函数用于向服务端提交日志 }; ``` #### 3. 启用严格模式 启用 ECMAScript 的 “use strict”; 指令可以帮助发现一些常见的编程陷阱和不良实践,在一定程度上减少隐式的错误情况的发生概率。 ```javascript "use strict"; // Your code here... ``` #### 4. 利用现代浏览器提供的性能面板功能 利用 Chrome DevTools 或 Firefox Developer Tools 提供的强大调试工具集中的 Performance Tab 功能来进行更深入的应用程序行为跟踪,从而找出隐藏起来的小毛病所在之处。 #### 5. 日志收集与上报机制建设 建立完善的客户端侧的日志搜集体系,及时有效地获取用户的实际操作环境下的真实反馈数据,这对于快速定位线上生产环境中难以重现的问题尤为重要。 #### 6. 编码一致性检查 如果涉及到跨平台的数据交换(比如 JSON 文件),那么需要注意保持前后端之间编码的一致性,防止因为字符集转换而导致的信息丢失或者是乱码现象出现[^2]。 #### 7. 定期清理缓存资源 有时旧版脚本文件可能会残留于本地存储之中造成冲突干扰新版本逻辑的表现形式;定期清除不必要的临时文件有助于维持系统的稳定性。 综上所述,针对前端报错控制台无明显提示的现象可以从多个角度出发寻找根源并对症施治。
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值