浏览器控制台过滤无用的提示和报错

本文介绍如何在浏览器控制台中过滤无用的资源加载错误和提示信息,通过使用`-url:`和正则表达式来实现定制化的过滤,保持控制台的整洁,便于关注关键信息。
摘要由CSDN通过智能技术生成

前言

前端开发时,经常会用控制台来查看问题、调试方法。

我经常会遇到有些资源加载错误;引入某些js后,页面初始化会在控制台输出加载成功和版本号;一些无关紧要的警告等问题。

我只想关注自己想要的信息,由于轻微强迫症,看到乱七八糟的控制台,百抓挠心般的痛苦。(如下)
乱七八糟的控制台
原因是地图资源精度不够,互联网地图缺少17/18层的切片,但是在控制台报错+提示,并且这种错误是源源不断的,一些重要信息就会被顶上去,很不方便,所以想办法要把这类信息过滤掉。

控制台console的用法

提及一下console,console的用法网上的文章很多,随意打开一篇都很详细,不做赘述。

文章《Chrome 控制台console的用法(js调试)》

https://blog.csdn.net/qq_26676207/article/details/52954112

控制台输出内容过滤

我本人使用的是win10的edge浏览器。
F12打开开发人员工具,选择控制台选项卡。
针对前言所提到的问题,解决如下。

资源信息过滤

url:http://**********
可以匹配出所有相关资源的信息,

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值