以下是使用Firefox开发人员工具的功能和提示。 其中有些类似于Chrome中的工具功能，有些则其他浏览器中没有类似物。

小心，下切了很多沉重的GIF！

检验员

CSS选择器搜索

用于以下用途非常方便：

• 带有“ z-index”的元素，无法点击
• 在视觉上与您知道选择器的元素相同

样式过滤器

您可以通过任何选择器或属性过滤CSS规则。

对于选择器，过滤器会在规则列表中突出显示选择器。 对于属性，该工具将展开包含过滤器的所有属性，用颜色突出显示它们，并在过滤器没有属性的地方隐藏规则。

拾色器和吸管

单击检查器中带有颜色的任何点以打开方便的工具。

更改颜色表示

按住Shift键并单击一个色点，可以更改颜色表示形式（名称/十六进制/ hsl / rgb）。

按住Shift键并单击拐角附近的点，可以更改角度单位。

编辑时间函数的贝塞尔曲线

单击时间函数属性旁边的曲线点，以打开方便的编辑器。 将提供预定义功能和手动配置版本的功能。

主控台

CSS应用

console.log(“#%c%s%c%s”, “color: #bada55”, “dev”, “color: #c55”, “tricks”) 

并非所有属性都受支持，但是有很多 。

历史搜索

在Mac上按CTRL + R （在Windows和Linux上按F9 ）。 然后使用CTRL + R / CTRL + S （ F9 / SHIFT + F9 ）向前/向后滚动。 与箭头不同，上面的键盘快捷键将在会话之间起作用。

页面或其元素的屏幕截图

 :screenshot — fullpage :screenshot — selector .css-selector 

简单地指定选择器比尝试用鼠标准确地选择所需区域要方便得多。

JavaScript上下文切换

 cd(iframe) 

您可以使用cd（）通过选择器切换到iframe上下文。

计时器标签

 console.time(“#devtricks”) console.timeEnd(“#devtricks”) 

启动计时器-console.time（“标签”） ，

停止它-console.timeEnd（“ label”） 。

JavaScript调试器

条件断点

要创建一个点，请右键单击线号。 只有满足条件时，该点才处于活动状态。

按功能名称或行号搜索

文件名搜索在Mac上为CMD + P （在Windows和Linux上为CTRL + P ）。

在同一输入中键入“ @” ，以在文件中按功能声明进行搜索。

在同一输入中键入“： ”，以按编号快速到达该行。

精美的缩小代码输出

单击{}图标以查看漂亮的代码，而不是缩小的代码。

URL断点

当您尝试访问URL并显示负责访问该URL的代码时，该点将变为活动状态。

禁用断点

禁用点将继续可供包含和将来使用。

联播网

编辑和转发HTTP请求

编辑提交的请求，然后重新提交。

查询过滤器

域过滤器在Mac上为CMD + F （在Windows和Linux上为CTRL + F ）。

如果需要查找所有没有域的查询，请在过滤器前面添加一个破折号（ - ）。

限速

检查互联网速度较慢时网站的加载方式。

热/冷分析

单击计时器图标以查看网站的查询性能。 该页面将被加载两次-没有缓存（模拟第一次加载）和缓存（模拟重复调用）。

保存/加载HAR

我们以存档格式保存完美的请求。 方便与其他开发人员共享。

响应式设计

定制设备

查看网站如何查找具有自定义分辨率的设备。

限速

我们正在通过移动Internet速度观看移动版本的下载。

仿真立志

一个带有“手”的小图标是对此负责的原因。 模拟，包括长小吃。

更改用户代理

不要忘记启用设置中的“更改UA时重新加载页面”选项-节省时间。

左视口对齐

如果要在右侧放置面板（例如，用于调试），则非常方便。

仓库检验员

编辑Cookie

双击要更改其值的单元格。

去除饼干

删除cookie的最简单方法是选择它们，然后单击Backsapce。

注意上下文菜单选项。 “删除域中的所有内容”选项非常方便，但请记住 ，域必须准确（即，删除.medium.com的 cookie不会删除medium.com的cookie ）

实时更改Cookie

刚更改的Cookie闪烁橙色。

IndexedDB的静态快照

您将无法实时查看IndexedDB记录中的更改，因此请使用“刷新”按钮来获取最新的数据库快照。

更改显示的表格列

右键单击表标题将有助于隐藏不感兴趣的列。

仅此而已。 希望这些提示对您有所帮助！