火狐开发者版本是专门针对开发者用户们提供的浏览器，可以随时修改浏览器内容，界面比较的舒适、速度非常的快，与普通版相比，工具栏明显变得更窄，比较适合开发者们来使用，还有对应的测试功能，许多的实用工具，其中包括JavaScript 调试器都会有，可以访问元素使用的字体的所有信息。

火狐开发者版本新功能

1、新的工具

无效的 CSS

Firefox 开发者工具现在会将页面中无效的 CSS 声明显示为灰色。当您将鼠标悬停在信息图标上时，会看到该 CSS 规则未应用的原因，以及如何修正问题的提示。

2、Firefox 开发者工具

新款 Firefox 开发者工具具有强大、灵活、酷炫的工具。其中包括一流的 JavaScript 调试器，可以面向多种浏览器，且内置 React 和 Redux。

3、强大的 CSS 网格

Firefox 是目前唯一配备打造和设计 CSS 网格的工具的浏览器。这些工具可以让 CSS 网格可视化，显示关联区域的名称，预览网格变化，等等。

4、字体面板

Firefox 开发者工具中全新的字体面板，让开发者可以快速访问某元素使用的字体的所有信息。面板中也包含了字体来源、字重、样式等重要信息。

开发者工具使用技巧

1、首先，按F12，打开火狐浏览器的调试工具，下面就是调试工具栏

2、控制台

这个功能是非常重要的

1、一般调试的时候在代码中可以使用Console.Log(‘要输出的内容’)这条语句在控制台中查看输出，用于调试简单的错误。

2、控制台页面是与当前打开的页面处于同一个环境的，也就是说，当前页面的控制台只对当前页面有效，控制台可以看做是页面的Js运行的一个延伸。而且，控制台可以输入输出，也可以更改页面的显示。

如图，改变了页面的显示，函数声明这个地方，可能会根据浏览器的版本不同而输出有所不同。

3、调试器

上图表示如何设置断点

4、这是页面刷新之后，左上角的四个图标。

第一个图标（F8），当你设置两个或两个以上的断点时，点击一下，直接运行到下一个断点。

第二图标（F10），当点击这个图标时，相当于一个函数一个函数的执行

第三个图标（F11），当点击这个图标时，相当于一步一步的执行。

上述三个图标，经常一起用，用的时候观察右侧栏显示。

点击添加监视表达式，将你需要监视的变量写进去，就可以了

启用默认主页教程介绍

1、打开火狐浏览器，可以看到默认打开的就是“火狐主页”页面，我们点击右上角的菜单按钮，在下方的菜单栏中选择“选项”。

2、进入选项相关页面后点击左侧导航中的“主页”一项。

3、进入主页设置页面后可以看到右侧“主页和新窗口”中显示目前设置的主页是火狐主页的网址。

4、我们将主页地址改成自己设置成主页的网址就可以了，修改完后重新打开火狐浏览器就会发现主页已经成功更改了。

应用特色

1、拦截数字指纹追踪和加密脚本，减少广告追踪。

2、完全开源，开发者社区活跃，问题解决和功能协作便捷。

3、冷启动仅需 2.3 秒，Gmail 加载速度超越 Chrome。

4、分析网络请求和页面加载时间，提升用户体验。

应用亮点

1、跟踪所有网络请求，分析请求/响应头、响应体及加载时间，优化性能。

2、设置断点、单步执行、查看调用堆栈，精准定位代码问题。

3、模拟不同设备和屏幕尺寸，测试响应式布局。

应用评论

集成了大量开发者工具和前沿功能，旨在提升网页开发、调试和测试的效率。运行 JavaScript 代码，查看错误、警告和日志信息，支持多行代码编辑。实时检查和编辑 HTML/CSS，预览样式更改，支持 CSS 网格和 Flexbox 可视化调试。

更新日志

V145.0b7版本

新：

将链接复制到突出显示允许用户通过上下文菜单复制给定选择的链接，与他人共享页面的任意部分。

添加、编辑和删除评论，以便在PDF中创建自己的笔记（摘要、问题、任务等）。评论侧边栏可帮助您扫描所有评论并快速跳转到它们，这对于长时间或标记严重的PDF非常方便。

需要提醒组中有哪些选项卡？将鼠标悬停在选项卡组名称上，无需打开即可预览其中的选项卡。