How to check iPad Compatibility in Safari browser (without iPad)? - ios

I need to know my web application is work in iPad, but I don't have iPad with me, so someone told that, we can check this compatibility in Safari browser, but how?
I am using Windows 7 64 bit system installed latest version of Safari browser.

Use iOS simulator which is built into xcode.
Xcode may already be installed on a OSX system or you can either download from appstore or apple Dev site

You can go to http://developer.apple.com/library/safari/#documentation/AppleApplications/Conceptual/Safari_Developer_Guide/2SafariDeveloperTools/SafariDeveloperTools.html for more information about this tool.
Set the user agent to iPad Safari. This should work.
Note, this is only a representation...

Related

Testing webauthn in the ios simulator

Does anyone know if testing webauthn in the iOS simulator (xcode 12) with ios 14.4 is possible? I tried it with https://webauthn.io and using an iPhone 8 with fingerprint enabled and iPhone 11 with faceid enabled but in both cases it does not seem work.
How to launch iOS simulator with Safari developer tools
1.Install XCode. If you are developing on Mac, chances are you already installed XCode. You can either use the Apple App Store (easiest way) to install XCode or get the DMG/XIP file to install it if you do not use the App Store.
2.Start iPhone/iOS Simulator.app to launch the Simulator. If you have not created a simulator yet, you need to do this in XCode. You can have multiple simulators as you might want to test on different devices. I recommend creating a shortcut so you do not need to open XCode every time you want to launch a simulator.
3.Open the Safari browser in the Simulator. As mentioned above, other browsers like Chrome are not supported.
4.Open the Safari browser on your Mac device to connect it with the Safari browser in the simulator. Now you should be able to use the Safari developer tools like in any other web page: see the DOM, set breakpoints for debugging, perform network analysis and much more.

Is it possible to Debug iOS app on Windows/Linux?

is there a way how to debug an iOS mobile app on Windows or Linux (Ubuntu)?
I have an application which runs fine on Android, but it has some flaws on iOS. For Android debugging, I always used the Chrome device inspector and I am wondering if it’s possible for iOS too?
The Webkit Adapter I found (https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter) works for debugging websites opened on iPhone via SAFARI browser, but not for the mobile app. Any ideas?
Thanks a lot for any suggestions.
Yes, you can develop your own lldb to support debugging non-jailbroken iOS device on Window, like this

Enable iPhone (with iOS7) debug console from Windows

I'm trying to debug my website, but Apple are douches. What do I do to enable the debug console if I don't have a Mac?
I installed Safari and the latest iTunes, but my iPhone doesn't show up in Safari developer thing.
You can try option of using Telerik AppBuilder (Windows client) as a replacement on Windows for Safari debugger on Mac when remote debugging. There's a nice blog post about the steps to do it in link below. I'd rather not repost the info as there are also screenshots and it's a lot of text. But essentially, you install app, open it, connect device via USB, then you can find it in the app and open up the developer tools/debugger for it. For non-public websites, you'll have to open up port 80 with some firewall configs documented in the post.
http://blog.falafel.com/Blogs/josh-eastburn/2014/03/04/ios-web-inspector-on-windows-with-telerik-appbuilder
The tool requires a license or you can use the trial, which becomes a basic edition afterwards. I think the basic edition will still allow you to do the debugging. I'm going to try it out myself.
You can also try these iOS apps too, you can find them in the iTunes App store. They give you a built in developer tools feature (right on iOS no remote debug) that mobile Safari doesn't offer.
MIH Tool - basic edition
https://itunes.apple.com/us/app/mihtool/id584739126?ls=1&mt=8
HTTPWatch Basic
https://itunes.apple.com/us/app/httpwatch-basic-http-sniffer/id658886056?mt=8
I gave them a try and they're at least better than the mobile Safari you get on iOS, unless one needs to target full mobile Safari compatibility. I'm guessing the pro/paid editions of those apps give you more/better features.
iOS Debugging with Safari is a featuere of the new Safari. As Safari for Windows is a outdated Version of Safari, debugging is not Implemented.
So debugging with Safari is only possible on a mac!
min requirements are: OS X 10.8 iOS 6
More Infos:
Safari Remote Debugging on Windows
Since that Question was asked i found another neat way to debug stuff on a not accessible Platform:
http://people.apache.org/~pmuellr/weinre-docs/latest/
It works like this:
You add the weinre.js to your project
You set up weinre on your main platform (pc)
Starting your project results in sending the Debug Information from your project to your Platform
It's not that easy to run and understand, but once it works its pretty nice.
Did you set up your phone to allow remote webview inspection?
http://moduscreate.com/enable-remote-web-inspector-in-ios-6/
As an alternative to Weinre, you can try Vanamco's Ghostlab as well, it supports JS console and parallel testing on multiple device.

Run JQuery Mobile App in iPhone

I have a JQuery Mobile app. I'm curious how it looks/runs within an iPhone. I do not have an iPhone. I also, do not have a MAC. Are there any downloadable tools that I can use on a Windows 7 machine to see how the app looks within iPhone?
Thank you!
If you just need to see how your JQM app looks on iPhone you can try iphonetester.com.
You can also might be interested in much more advanced web based tool BrowserStack.
And finally if you need more than that (for example attach to iOS Safari instance to debug your mobile app code) than you need real or virtualized OSX and xCode iOS Simulator.
You can't do that in the Windows environment.
But you can use your computer to create a hackinntosh. A hackintosh is simply any non-Apple hardware that has been made—or "hacked"—to run Mac OS X. This could apply to any hardware, whether it's a manufacturer-made or personally-built computer.
Than you can use it to test an iPhone jQM app in the XCode iPhone emulator. Only downside of this method is that you can not use it to deploy final all into Apple app store.
Here's a short tutorial on what is a hackintosh and how you can deploy it on your computer: http://lifehacker.com/5841604/the-always-up+to+date-guide-to-building-a-hackintosh
And here's an youtube "how to" video: http://www.youtube.com/watch?v=pEW6d7m5Zc0

Trying to debug a web site on iPad, but the device doesn't appear under Develop menu in Safari on my Mac

According to iOS Developer Library Debugging guide it should be possible to debug a web site in Mobile Safari (on iOS 6) remotely from desktop Safari, through a usual USB connection. But after completing described steps (I turn on Web Inspector on iPad, connect it via USB to my Mac, switch on Develop menu form the preferences) I still do not see any device item under Develop menu in desktop Safari. Is there any other crucial requirement for this to work? Minimal Mac OS X version maybe? I have 10.6.8.
It turns out that support for remote debugging was added only in Safari 6, which, for some unexplainable reason is not available for Snow Leopard, only for Lion (in limited version) and up. So I bought an upgrade to Mountain Lion and it simply works now.
Apple wants to force the developers to upgrade to the recent OSX (which is bundled with the recent Developer Tools).
But there is an working way for debugging iOS6+ Safari for developers using OSX 10.6.8 / Windows / whatever:
WeinRE
It works just fine like the official way. Maybe Apple took this project for their debugging (just a guess).
In the preferences for Safari on iOS, there is an option under advanced that allows the toggling of 'Web Inspector', which turns on and off this feature (at least this is on iOS 6, I don't have older devices to check this on).
There is also a limitation that:
Important: You can only inspect apps on devices that have been transferred to your device from Xcode. You cannot inspect apps that have been downloaded from the App Store, even if it is your app.
So I expect that developer apps are the only other ones that you can manipulate in this manner.

Resources