Update October 2019 This solution doesn’t work for IOS 12+ (resource 1, resource 2). Updated and tested on 24/6/2017 Using Chrome on Windows 8 and more recent: Download and install Node Download and install ITunes and connect it to your Device. (A pop-up should shows to your iPad to get authorization) . Be sure to … Read more
The iOS WebKit Debug Proxy project enables this. To get started, install with homebrew: brew install ios-webkit-debug-proxy Run the simulator (if running simulator): SIM_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer “$SIM_DIR/Applications/iPhone Simulator.app/Contents/MacOS/iPhone Simulator” \ -SimulateApplication \ $SIM_DIR/SDKs/iPhoneSimulator6.1.sdk/Applications/MobileSafari.app/MobileSafari Run the proxy: ios_webkit_debug_proxy Check for errors Look on the device for an error message: Could not connect to lockdownd. Exiting.: No such file … Read more
Since this is already the top hit on Google, we should start a list here. I’ll make this answer a community wiki. By the way, I’m pulling these from the device’s user agent string. Browser version is iOS version dependent, NOT device dependent. But when a phone doesn’t support higher iOS versions it is listed: … Read more
Something like this should work: <a href=”tel:+1-800-555-5555″>Call 1-800-555-5555</a> More info: http://en.wikipedia.org/wiki/URI_scheme#tel: https://www.rfc-editor.org/rfc/rfc3966
Webkit has a specific style property for that: -webkit-tap-highlight-color. Copied from: http://davidwalsh.name/mobile-highlight-color— /* light blue at 80% opacity */ html { -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8); } /* change it for a div that has a similar background-color to the light blue tap color */ .blueDiv { -webkit-tap-highlight-color: rgba(251, 185, 250, 0.9); } If you … Read more
See https://developer.chrome.com/multidevice/user-agent#chrome_for_ios_user_agent – the user agent strings for Safari on iOS and for Chrome on iOS are inconveniently similar: Chrome Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en) AppleWebKit/534.46.0 (KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3 Safari Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 … Read more
Enable web inspector on your iOS device by following these steps: iOS Device > Settings app > Safari > Advanced > Web Inspector This setting allows you to connect to safari on your desktop.
This is the correct answer, not sure why Blaine only left it as a comment! As of iOS 6 Remote Debugging is available: https://stackoverflow.com/a/12762449/72428 On OS X you can use the Safari web inspector on the iOS Simulator AND iOS 6 devices. First enable the Developer menu in Safari on your Desktop. Next, enable remote … Read more
Mobile Safari (like Chrome for Android, Mobile Firefox and IE Mobile) increases the font size of wide blocks (at all times), such that if you double-tap to zoom in on that block (which fits the block to the screen width), the text will be legible. If you set -webkit-text-size-adjust: 100% (or none), it won’t be … Read more
John Gruber recently posted a link with some more information from his research over at Daring Fireball: pastrykit EDIT: David Calhoun added a lot more in-depth information over at this blog: pastrykit digging into an apple pie