火狐浏览器怎么样,火狐浏览器怎么样_知道经验

平时我用的最多的就是火狐和谷歌浏览器，前端开发调试时以火狐浏览器为主。
【火狐浏览器怎么样,火狐浏览器怎么样】
火狐浏览器的特色和优良性能自不必多说，什么网络标准支持多，系统安全保护还不错，性能出色速度快等等。我最想说的就是其功能强大的前端开发调试利器:firebug和devtools 。
火狐的firebug一直以来都是我认为最好的调试工具，但是现在Firebug官方已经宣布了停止Firebug的维护，咱们新版本的火狐已经无法再使用它，具体想了解的朋友可以网上自查一下。
以下是在官网找到的Firebug最新版本(最多只支持火狐47)：

虽然非常可惜，但是好在火狐还有自带的调试工具，而Firebug团队也推荐大家可以使用火狐的DevTools工具。下面就是我重点总结下的这款工具的一些基本使用方式。
首先，按下键盘的F12就可以看到如下界面。

调试工具的页面总体介绍:
1 查看器：可以在下方看到页面的HTML代码，而选中某个HTML元素也可以看到它对应的CSS样式(结合审查元素工具使用非常好)
2 控制台：咱们用得最多的一个面板，可以自定义决定咱们要看哪些日志数据(console打印的数据都在这里展示)
3 调试器：可以为js添加debug功能
5 性能:分析js的每一个操作的性能
6 内存:当前页面的一些堆栈内存
7 网络：查看当前的每一次请求
对于前端开发者来说，审查工具，控制台，网络，调试器是比较常用也非常实用的工具。那么就简单介绍一下这几个工具的使用：
工具一：审查工具点击这个审查工具，我们就可以查看页面上的所有元素(使用方式如下图):

工具二：控制台控制台很重要，我们可以选择自己要看的是控制台哪一部分内容，其中最重要的是查看对于js代码中console的打?。?br />

console打应出来的对象(JSON对象或者DOM对象)也可以使用工具查看到它的详细信息。鼠标找到相应的对象即可,这也是一个非常实用的功能。
工具三:网络网络分左右两部分左边主要显示当前页面加载的所有资源(如HTML,CSS,JS,图片,…) 。当然，要显示哪些资源，需要你自己要确认。右边部分是对左边的某一个请求的分析(需要选中左边的某一个请求) 。

首先在左边状态，我们可以看到，选到垃圾桶可以清空信息。要显示哪些信息自己点击选中就可以，提供了一个所有展示方便我们查看所有请求。每一个请求都可以看到它的状态，请求方式，路径等。右边部分对我们开发的调试就非常重要了，如果在开发的时候知道到这里来找数据，很多时候能帮助咱们快速定位到相应的错误。可以看到请求详细信息(包含请求头与响应头)