How to debug webite for ios.iphone with windows PC

Question

My client website working ok on all devices but having problem with Iphone.

I tried to debug website for iPhone with google chrome inspect element mobile tool, but i

Answer 1

I've been using WebIDE. It's a Firefox add-on that enables you to connect the Firefox Developer Tools to a number of other browsers, including Firefox for Android, Chrome on Android, and Safari on iOS. You'll need Firefox 37+ or the developer edition. You can find instructions here (MDN) and here (More to the point)

Note: It's not working (at least for me) with the latests version of iOS (it did work with iOS 8). It does connect, but it doesn't see the pages you are navigating in your device.

Answer 2

You can use Web Inspector Tool in Safari.

1. Open website in Safari browser in your iPhone.
2. Now connect your iPhone with Mac.
3. Open Safari Browser on Mac/Windows.
4. In Menu Bar of Safari select Develop -> Your iPhone Device name -> Web Page to debug. This will open Debug inspector and show all your webpages .you can debug it easily. As shown in fig:

If Develop menu is not available you can enable it from Preferences -> Advance and check Show Develop menu.