CODEWITHSUNDEEP
firefoxfirefox-developer-tools
Thomas Williams
Thomas Williams

Reputation: 1548

How to see the preview of an HTML file logged to the console in Firefox DevTools?

In Firebug's console you used to be able to expand a logged network request to see the request and reponse info.

Under the Response tab you had the option to see the response as raw data or as HTML. The HTML preview was handy, because if the response contained an error, it was easier to read what the error was without seeing a ton of HTML markup.

The console in the Firefox DevTools also shows you the request and response data, but under Response only the raw data is shown.

Is there a way to see the response as HTML preview like in Firebug?

PS: So far the only way I can see the HTML preview is to paste the markup into a file and open it in a browser, which works but is slower than just being able to view in the developer tools.

Upvotes: 1

Views: 1750

Answers (1)

Sebastian Zartner
Sebastian Zartner

Reputation: 20085

The requests logged to the console don't provide that feature, but if you click on the URL of the logged request, you switch to the Network Monitor, which has a Preview side panel.

Preview in Network Monitor

Furthermore, there's already a request for adding the preview also to the Web Console.

Upvotes: 2

Related Questions