I'm most familiar with the WebKit/Chrome Dev Tools, and found this awesome project via Mozilla's post:
If it works as advertised, it'll let you connect to iOS browsers from Chrome Dev Tools. Honestly, I'm surprised they don't have a version of this compiled into Chrome for iOS.
It opens up a Webkit Dev Tools that are pretty close to the latest Chrome version and lets you interact with Safari on iOS. Even highlights elements the same as desktop.
So in theory, the Firefox Tools Adapter should also be capable of debugging Safari iOS in Windows
I believe a horizontal swipe could show or close the tools. That way you can still select the element in the content window and look back at the source. Since non-developers might get bogged down with it I'd suggest it be option you tick on in settings.
I've made quick pushes via web IDE on my phone while commuting. I doubt improved tooling would increase frequency, but it would certainly increase the complexity I'd be capable of and my confidence in not pushing janky brokenness.
Since Firefox OS and Firefox for Android run the same engine its very easy to switch between them to test stuff.
As an editor, all changes update immediately on all connected browsers and devices as they're being made to help see when things start going wrong.