Inspect & Edit Source Code, Inject JavaScript, view console logs & Network logs
Read full description
I made F12 Browser because I got tired of having to plug my phone into my PC with a cable every single time I just wanted to check a quick mobile layout or API call.
Just to be upfront: this is a hobby project meant for quick checks, learning, and messing around. It is definitely not a replacement for desktop Chrome DevTools or real remote debugging at your job.
A few things you can do with it:
Run JS snippets right in the page to see what happens.
Click around the HTML tree to see classes, styles, and highlight elements.
Watch live fetch and XHR calls so you can check status codes and read JSON data.
Open network requests to see headers and query params.
Pull up media links like images or video streams loaded by the page.
Check console logs and errors.
If you are a student, someone curious about how mobile sites work under the hood, or you just want to do a fast sanity check on an API while away from your desk, hope you find it useful.