谷歌Chrome开发者控制台异常：报错信息被折叠成粉色线条

我之前也碰到过一模一样的Chrome控制台bug，折腾了好一阵才搞定，给你几个亲测有效的解决办法：

• 彻底重置开发者工具+重启Chrome
  你之前只恢复默认设置但没彻底重启浏览器吧？试试这个完整步骤：

  1. 打开开发者控制台，按F1进入设置页面
  2. 拉到最底部，点击「Restore defaults and reload」
  3. 关闭所有Chrome窗口（包括后台挂着的），完全退出后再重新打开浏览器
     这个操作会彻底清空控制台的所有自定义状态，比单纯刷新页面管用得多。

• 排查冲突的扩展程序
  很多第三方扩展（尤其是广告拦截、脚本注入类的）会偷偷干扰Chrome开发者工具的渲染逻辑：

  1. 地址栏输入chrome://extensions/打开扩展管理页面
  2. 暂时禁用所有扩展，然后刷新问题页面看控制台是否恢复正常
  3. 如果恢复了，再逐个启用扩展，找出搞事的那个——要么卸载它，要么更新到最新版本试试

• 清除Chrome缓存与本地存储
  页面残留的缓存数据可能和控制台状态冲突，导致异常：

  1. 按Ctrl+Shift+Delete（Windows/Linux）或Cmd+Shift+Delete（Mac）打开清除数据面板
  2. 勾选「缓存的图片和文件」「Cookie和其他网站数据」，时间范围选「所有时间」
  3. 清除完成后重启Chrome，再打开控制台测试

• 更新Chrome到最新版本
  这个bug很大概率是Chrome版本的兼容性问题，旧版本的控制台容易出现这类渲染异常：

  1. 打开Chrome设置，拉到最底部点击「关于Chrome」
  2. 浏览器会自动检查并安装更新，完成后重启即可

补充：如果以上方法都没用，可以试试创建一个新的Chrome用户配置文件——有时候旧配置文件的损坏也会导致这种莫名其妙的问题。

内容的提问来源于stack exchange，提问作者cmill