Feature Request: View Fully Rendered Webpage Source Code in Bromite Browser

[kofaysi]

Overview:
I would like to propose a new feature for the Bromite browser that would significantly enhance the utility of the "View Source Code" function. Currently, this feature shows only the original HTML markup, untouched by user scripts or other client-side modifications. While this is useful in some contexts, it can be quite limiting, especially for mobile browsing where much of the user experience is shaped by dynamic content generated through user scripts.

Proposal:
The feature I'm proposing would allow users to view the fully rendered source code of a webpage, reflecting all the changes made by user scripts and other client-side programming. This could be the default view when selecting "View Source Code," or it could be provided as an additional option alongside the current static view.

Device and Environment Details:
For context, here are the specifics of my current environment:

Device Model: beyond2lte (Samsung Galaxy S10+)
Operating System: eOS Android 13
/e/OS Version: 2.2-t (Browser Version: 123.0.6312.122)
Browser Fork: The /e/OS browser is a fork of Cromite with several privacy-focused and usability enhancements.

Benefits:
Enhanced Usability: Users would be able to see the source code as it actually appears after all client-side scripts have executed, which is far more reflective of the actual user experience.
Improved Debugging: This feature would greatly assist developers and power users who need to troubleshoot issues or understand dynamic content generation.
Consistency Across Devices: As mobile devices often present content differently due to their unique environment, having access to the rendered source code is crucial for diagnosing platform-specific issues.

Discussion:
This feature would align well with Bromite's focus on privacy and user empowerment by providing users with greater transparency and control over the web content they interact with. I believe this would be a valuable addition for both developers and regular users who seek a more in-depth understanding of how webpages operate.

I’m keen to hear thoughts and feedback from the community and maintainers on whether this feature aligns with Bromite’s roadmap and how it could be implemented effectively.

Thank you for considering this proposal.

[uazo]

there already is, it's called developer tools!
you need a desktop connected via usb (or wifi, though less secure), but it already offers everything you ask for.
it makes little sense to activate it directly in android, precisely because of the limitations of the device's screen.

[kofaysi]

I’m familiar with the developer tools available in browsers, but my request is much simpler. I'm not asking for advanced developer features—just a more practical way to view the source code of a webpage as it's rendered by the browser.

The current "View Source" feature is outdated and increasingly useless for modern websites. It only shows the static source code that was downloaded from the server. However, most websites today rely heavily on dynamic content generated by JavaScript and other client-side code. As a result, important elements like user-specific content (such as forum posts) aren’t visible in the source code displayed by Cromite. This is a significant drawback.

While I understand that developer tools allow you to inspect elements in detail, in many cases, simply being able to view the fully rendered source code would be enough. This would make it easier to search for specific classes, strings, and other details directly in the code.

I've been dealing with this issue for months. I can modify page content using user scripts, and I can write these scripts in an app like Markor. I can also load them easily in my Android browser. However, without being able to see the actual rendered source code, debugging becomes a challenge. I can’t search for text, view the relevant classes, or see how attributes are applied. The problem isn’t that I need a larger screen or more computing power—what I need is access to the real, rendered source code on the Browser I'm using daily.