[Feature]: UI Mode - Network Tab - Switch Between Raw HTML and Rendered HTML View

[MartinPilny]

🚀 Feature Request

Currently, the Network tab in Playwright UI mode displays the response body for text/html content as raw HTML. This feature request proposes adding a toggle button to switch between viewing the raw HTML and the rendered HTML page. This enhancement would be particularly beneficial during API testing, where the rendered page isn't displayed in the preview.

Proposed Solution:

• Add a toggle button in the Network tab next to the response body display area.
• Allow users to switch between viewing the raw HTML and the rendered HTML of the response body.
• Ensure the toggle button is clearly visible and intuitive to use.

Related Issues:

• [Feature] Improving UI Mode Network tab #27622
• [Feature] UI mode network filtering #26453
• [BUG] UI Mode feedback #26810

Example

Motivation

This feature would significantly enhance the user experience by providing more flexibility in viewing the response body. It would help users better understand how the HTML is rendered in a browser, aiding in debugging and validation processes, especially in API testing scenarios.