多种方法解决谷歌(chrome)、edge、火狐等浏览器F12打不开调试页面或调试模式(面板)的问题。

1. 文章引言

不论是前端开发者，还是后端开发者，我们在调试web项目时，偶尔弹出相关错误。

此时，我们需要打开浏览器的调试模式，如下图所示：

通过浏览器的调试模式，来排查错误的根源：

• 后端接口是否有问题

• 前端js或者相关前端框架是否有问题。

当然，我们也可以通过调试页面，来修改界面的样式。

比如，我想修改下图中的Welcome to W3Cschool文字颜色：

因为我感觉上述颜色不好看，想把它修改为蓝色。

此时，我可以打开调试模式，在styles处的color关键字中输入#0000FF