I tried debugging using safari, and a weird error occurs that if the safari debugger is attached the site renders differently, so want to do the same with firefox.
I’ve looked at the documentation, and it only shows how to debug both firefox and chrome in android.
Debugging Firefox on iOS can be done using Safari’s Web Inspector. Here are the steps to get started:
Enable “Web Inspector” on your iOS device by going to “Settings” > “Safari” > “Advanced” and turning on “Web Inspector.”
Connect your iOS device to your Mac using a USB cable.
Open Firefox on your iOS device and navigate to the website you want to debug.
On your Mac, open Safari and go to “Preferences” > “Advanced” and check “Show Develop menu in menu bar.”
From the “Develop” menu in Safari, select your iOS device and choose the website you want to debug.
The website will now open in Safari’s Web Inspector. You can use the Web Inspector to inspect the HTML, CSS, and JavaScript of the website, as well as view console logs and network requests.
Note that not all features of Firefox may be available for debugging in Safari’s Web Inspector, and some debugging tasks may require additional tools or resources.
Which version of iOS (15.7.3 for me) and MacOS (Ventura 13.2.1 for me) did you use ?
I have tried and it didn’t work for me. Safari on the mac is not displaying the firefox context. Safari is working as expected but not Firefox.
For anyone like me stumbling upon this and wondering why Firefox tabs are not showing in the menu: the “Develop” menu in Safari only seems to show the currently focused app on the iOS device. You have to have Firefox open and in focus for it to work.
Once I realized this I could see why no-one bothers to mention this as it sounds like it goes without saying, but this might save some people a little bit of time!
Hi, is 2024 and I have iPad Pro and I want use firefox for developer tools, but I dont have mac. So it is possible somehow? Thank you.
Firefox on iOS and iPadOs are using Safari engine under the hood, so Firefox DevTools are not available there.
With Safari, I’m not sure they have DevTools on iPadOS neither, https://developer.apple.com/documentation/safari-developer-tools/inspecting-ios only mention connecting to a Mac