如何在Firefox中检查页面资源？

Posted 2021-04-12

在Chromium / Chrome中，我可以使用“Inspect element”来view a list of the current page's resources，包括JS，图像，视频。基本上，所有已在该页面服务中下载的文件。

当我在Firefox中“检查元素”时，我找不到相应的东西。我错过了，还是有其他方式来访问文件列表？

答案

1. 右键单击页面
2. 从上下文菜单中，选择“查看页面信息”
3. 在“页面信息”窗口中，选择“媒体”选项卡

...为该页面下载的文件列表将显示在“媒体”选项卡下。

另一答案

要查看js或css文件等资源，可以在开发人员工具面板中选择“网络”以打开网络监视器。这将显示页面下载的所有资源（包括图像，媒体等）

从那里，您可以通过选择窗口顶部的相应选项卡，根据您要查找的资源类型缩小搜索范围。要检查其内容，请从列表中选择资源，然后单击右侧窗口中的“响应”选项卡。

另一答案

打开Inspect Element控制台后;在TOP RIGHT CORNER处查找工具箱选项（以蓝色突出显示，如下面的图片链接所示）

单击它并在“默认Firefox开发人员工具”下;单击要显示的那些。 （根据您为显示“资源”的Google Chrome提供的链接 - Firefox中的等效内容为“存储”，如下所示

工具箱选项 - >存储

希望这可以帮助 ：）

另一答案

在Windows上，按“F12”打开开发人员工具，然后选择“网络”。在“网络”下，选择标有“图像”的过滤器。重新加载您的页面，图像将与其链接一起列在那里。您可以在新选项卡中打开它们并将其保存在设备上。