这是大家经常忽略的

oezuge

使用 Firefox Developer Tools 调试网站的简单方法 14
您应该利用的一个重要功能
测试新字体
要测试新字体，可以在检查器页面上进行测试，点击第二面板右上角的箭头，选择“字体”。

使用 Firefox Developer Tools 调试网站的简单方法 15
或者您也可以将第二个面板向左滑动。

使用 Firefox Developer Tools 调试网站的简单方法 16
使用指针选项选择 HTML 元素后，您可以操纵字体大小 土耳其手机号码清单 粗细、样式并找到最漂亮的组合。 您甚至可以通过直接在 HTML 编辑器中更改 HTML 样式属性来更改字体类型。

滴管
一个功能，因为它的体积非常小。 如果仔细观察，在 HTML 编辑器中的“搜索 HTML”文本框旁边，右侧有一个滴管符号。

使用 Firefox Developer Tools 调试网站的简单方法 17
滴管允许您在网页上选择一种颜色，并告诉您您选择了哪种十六进制像素颜色。 此功能将用于：

如果您喜欢网站的配色方案，您可以遍历每个像素并复制您喜欢的颜色。
您可以调试 HTML5 画布。
截图
Firefox 屏幕截图非常有用，这是 Google Chrome 尚未实现的一项功能。 您可以右键单击网页并选择“截屏”选项。

使用 Firefox Developer Tools 调试网站的简单方法 18
将 Firefox 连接到您的 Android 设备
确保你有 F
网络监视器：您可以查看所有网络请求。
使用 Firefox Developer Tools 10 调试网站的简单方法
存储：您可以查看和更改站点的缓存、cookie、索引数据库、本地和会话存储。
使用 Firefox Developer Tools 11 调试网站的简单方法
辅助功能工具：您可以查看辅助功能如何解释您的网页。 如果您希望您的网站获得最多的受众，这一点非常重要。
使用 Firefox Developer Tools 12 调试网站的简单方法
响应式设计模式：您可以测试您的网站在移动设备和平板设备上的工作方式。 这比必须在笔记本电脑上调整浏览器窗口的大小要好得多。 此外，您还可以测试网站对设备旋转、网络节流、设备像素比和模拟触摸事件的响应能力。
使用 Firefox Developer Tools 调试网站的简单方法 13
您可以通过工具栏中的最后一个菜单将开发者工具箱安装在浏览器的左侧、底部或右侧。 此外，您可以将工具箱分隔在不同的窗口中。