如何用Firefox开发工具进行网页性可以分析

在本文中，我们将详情Firefox Web开发工具(“DevTools”)——一组工具，旨在帮助开发人员检查、调试、配置和优化网站和Web应使用程序的性可以。我们将特别关注与性可以相关的工具，但是我们还将理解如何开始用DevTools，并理解少量有使用的配置。

您能以不同的方式访问DevTools:

单击导航工具栏右边的菜单，单击Web Developer，而后选择要用的子工具

用键盘组合，比方Shift+F5 (Windows和macOS)作为性可以工具，Ctrl+Shift+E (Windows)或者者Cmd+Option+E (macOS)作为网络工具

右键单击页面中的任意位置，选择检查元素。

DevTools 配置

Firefox DevTools具备许多选项，这些选项有助于开发人员定制其体验，例如在Web控制台启使用时间戳选项，或者禁使用HTTP缓存，该HTTP缓存使用于模拟在具备dev工具打开的所有页面中的第一负载性可以。

您能以不同的方式访问DevTools设置面板:

首先打开DevTools，而后:

单击工具栏中的设置按钮

按F1显示设置面板上的任何当前工具

按Ctrl+Shift+O (Windows和Linux)， Cmd+Shift+O (macOS)显示设置面板。