前言

前端開發(fā)時，經常會用控制臺來查看問題、調試方法。

我經常會遇到有些資源加載錯誤；引入某些js后，頁面初始化會在控制臺輸出加載成功和版本號；一些無關緊要的警告等問題。

我只想關注自己想要的信息，由于輕微強迫癥，看到亂七八糟的控制臺，百抓撓心般的痛苦。（如下）

原因是地圖資源精度不夠，互聯網地圖缺少17/18層的切片，但是在控制臺報錯+提示，并且這種錯誤是源源不斷的，一些重要信息就會被頂上去，很不方便，所以想辦法要把這類信息過濾掉。

控制臺console的用法

提及一下console，console的用法網上的文章很多，隨意打開一篇都很詳細，不做贅述。

文章《Chrome 控制臺console的用法(js調試)》

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

控制臺輸出內容過濾

我本人使用的是win10的edge瀏覽器。
F12打開開發(fā)人員工具，選擇控制臺選項卡。
針對前言所提到的問題，解決如下。

資源信息過濾

url:http://**********
可以匹配出所有相關資源的信息，

-url:http://**********
“-”取反，及不顯示所有相關資源的信息

這樣，控制臺移除了相關資源的信息，（-url:http://a/，只會移除http://a/下的，http://b/下的還是會顯示的）

提示信息過濾

現在，控制臺只剩下一些“An error”的信息，

-/^An*/
“//”兩個斜杠中輸入正則表達式
“-”取反

這里的正則表達式我了解的也不多，正則語法是個大弱項，我是自己慢慢試出來的，要是有老哥知道相關文章可以給我說一下，我也學習學習。

現在控制臺清爽多了，右上角322以隱藏，大快人心。

可填寫多個表達式。過濾掉所有不相關的東西。
例如引入echarts-gl的提示信息。

總結

以上是生活随笔為你收集整理的浏览器控制台过滤无用的提示和报错的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。