How can I inspect page resources in Firefox?

  1. From the Tools menu, pick Page Info
  2. In the Page Info window, select the Media tab

...the list of files downloaded for that page will appear under the Media tab.


In order to view resources like js or css files, you would select Network in the developer tools panel to open the Network Monitor. This will show all resources downloaded by the page (including images, media etc.)

From there you can narrow your search based on the type of resource you're looking for by selecting the appropriate tab at the top of the window. To inspect its contents, select the resource from the list and click the Response tab in the window that appears to the right.