Firefox开发者版官中免费下载

火狐开发者版官方版是一款专业的代码编程型软件，让每一个用户都能在这里实现一种全新的代码编程方法，完美支持多种编程语言，让你的使用更加轻松。Firefox Developer Edition内置了CSS代码识别，用户可以一站式分析解析这段代码的数据信息，让用户在这里可以更好的解决代码报错的问题。

火狐开发者模式是一种专业的编程模式。用户可以在软件中自由使用，提供各种工具，让用户更容易使用和享受全新的代码编写。

Firefox开发者版官方版特色

无效的CSS

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

Firefox开发者工具

新的火狐开发者工具拥有强大、灵活和酷的工具。它包括一个一流的JavaScript调试器，可以用于各种浏览器，并内置了React和Redux。

强大的CSS网格

Firefox是目前唯一一款配备了创建和设计CSS网格工具的浏览器。这些工具可以可视化CSS网格，显示关联区域的名称，预览网格更改等。

字体面板

Firefox开发工具中全新的字体面板允许开发人员快速访问关于元素使用的字体的所有信息。该面板还包含字体来源、字体粗细和样式等重要信息。

Firefox开发者工具的使用

核心工具

在开发工具的右侧，在Windows或Linux中使用Ctrl Shift I或F12，或者在Mac OS X Cmd Opt I上，可以使用几个按钮来执行操作或更改工具设置。

右侧的省略号菜单包含几个命令，供您执行操作或更改工具设置。

仅当页面包含多个iframe时，此按钮才会显示。单击显示当前页面的iframe列表，并选择要操作的页面。

点击此按钮可截图当前页面。(注意：默认情况下，此功能不会打开。只有在设置中打开时，图标才会显示。)

切换到响应性布局设计。

打开包含停靠模式的菜单，显示或隐藏拆分控制台和开发人员工具设置。该菜单还包括开发人员工具的文档和Mozilla社区的链接。

关闭开发工具。

页面查看器

查看和编辑页面内容和布局。可视化页面的许多方面，包括盒子模型、动画和网格布局。

Web控制台

查看页面和JavaScript交互记录的信息

JavaScript调试器

停止、浏览、检查和修改页面上运行的JavaScript。

网络监视器

加载页面时查看网络请求。

性能工具

分析网站响应、JavaScript程序和布局性能。

响应性设计模式

检查网站或应用在不同终端和网络类型上的外观和行为。

无障碍环境

提供了一种访问页面无障碍树的方法，允许您查看缺少的或需要注意的内容。

应用面板

为现代网络应用程序(或改进的网络应用程序)提供预览和调试工具。包括服务器和web应用程序清单的预览。

注意：开发人员工具的用户界面完整性的术语是工具箱。

Firefox开发者版官方版调试介绍

打开调试页面

有两种方法可以打开调试：

在firefox地址栏中输入“about:debugging”。

单击右上角的菜单栏按钮，选择Web开发人员，然后单击远程调试。

当调试页面打开时，在页面的左侧，您将看到一个边栏，其中有两个关于远程调试设置的选项。

建立

配置设置选项以连接到远程设备。

这个火狐

包括您导入的临时扩展；火狐上已经安装的扩展；打开选项卡；运行服务人员

连接到远程设备

火狐支持通过USB调试安卓设备。

连接前：

在你的安卓设备上启用开发者选项。

在开发人员选项中启用USB调试。

在Android设备上的Firefox中启用USB调试。

使用通用串行总线电缆将安卓设备连接到您的计算机。

如果您的设备没有显示在调试页面的左侧，请尝试单击“刷新设备”按钮。如果您按照上述步骤确认连接，但仍然没有显示，请查看故障排除。

要启动调试会话，首先打开要调试的页面，然后单击“连接”打开并连接设备。如果连接成功，您可以单击设备名称来查看设备上打开的选项卡的信息。

这些选项卡的详细信息与此Firefox选项的详细信息相似，只是此Firefox选项在您的计算机上显示信息，而这些选项卡在您的远程设备上显示信息。

在上图中，有三个打开的选项卡：网络或缓存配方、夜间主页和关于夜间。要调试这三个选项卡的内容，请单击上面的“检查”。单击后，将打开一个带有开发人员工具的新选项卡。

在上面的工具列表中，您可以看到连接的设备信息。包括你通过USB连接到Moto G(5)的Mozilla Firefox Nightly、你正在调试的页面以及页面地址。

该火狐选项结合了扩展功能、选项卡，并且Workers分为以下几个部分：

临时延期

显示您加载的临时扩展名。

扩展

本节显示了您在火狐上安装的扩展。

服务人员、共享人员和其他人员

此页面上有三个项目，包括处理服务工作者、共享工作者和其他工作者。

此处是否显示内部扩展取决于devtools。关于调试. showhiddenadons设置。如果您需要显示这些扩展名，请在地址栏中输入大约：config以查找上述设置并将该值设置为true。