火狐控制台的html,怎么使用火狐浏览器调试网页

现在网站的功能越来越丰富，除了实现功能以外，还需要考虑浏览者更好的体验，因此现在制作网站有了更多前端的功能制作，这么多的前端功能组合在一起，很庞杂，当出现问题的时候，我们怎么样找到问题所在呢?这就用到了火狐的开发者工具来帮助我们。

使用火狐浏览器调试网页的方法

用火狐浏览器打开要调试的网页，然后按F12键，出现下图样子，出现这个表明已成功打开了调试工具。调试工具有3种显示位置：下部、右部、和单独窗口，现在显示的是下部，点击红色框里的图标，可变为右部。点击上黑下白的按钮变为单独窗口(不一般不使用)

接下来就是查看现有网页的内容了，火狐开发者工具有以下几个部分：查看器：查看网页的html代码结构;控制台：查看css、js等;调试器：可以断点调试js;样式编辑器：可编辑css文件;性能：性能分析;网络：查看所要链接的所有文件及地址。

一般常用的是【查看器】和【控制台】，先看【查看器】。点击红框里的图标，然后移动鼠标放到网页的任意部位，这时网页上鼠标所在位置加了阴影，查看器里可以查看该部位的html代码。

最重要的是【控制台】。点击【控制台】，有7个选项，点击相应的选项，可以看到一些提示信息。如果你的js有问题就可以在这里看出来，真是太方便了，解决了我们程序员的很大问题。

5还有一个常用的是【网络】，点击【网络】，就可以看到这个页面依次加载的文件，如果出现404就表明此文件不存在，这对我们调试功能太有帮助了。