Questions tagged [mobile-safari]

A mobile version of Apple’s Safari web browser.

On January 9, 2007 Steve Jobs announced the mobile version of the (Apple) Safari browser.

Mobile Safari is based on the same WebKit rendering engine as the desktop version, but with a modified feature set better suited for a mobile device.

The iPhone and the iPod Touch both run a device-specific version of Safari that has a few peculiarities, ranging from rendering and media capabilities (i.e., no Flash) to JavaScript and DOM quirks.

4594 questions
3
votes
1 answer

Please explain text-align weirdness in mobile safari

I have a simple login form which includes a 'Cancel' button, created with the following code: var cancelButton = document.createElement("input");…
Simple Simon
  • 712
  • 2
  • 8
  • 23
3
votes
1 answer

Mobile Safari -webkit-gradient iOS5/6 inconsistency

I've noticed an inconsistency in the way Mobile Safari on iOS5 and iOS6 handles -webkit-radial-gradient that I'd like to rectify in a webapp. Take the following example: div { width:100%; height:100%; background-color: black; …
RHamilton
  • 96
  • 4
3
votes
1 answer

Detect headphones in JavaScript/MobileSafari on iOS

Is it possible in JavaScript on MobileSafari to detect whether audio is being played through headphones as opposed to the inbuilt speaker?
Simon Cave
  • 3,971
  • 4
  • 24
  • 28
3
votes
1 answer

Detect Mobile Safari full-screen mode using media queries

iOS6 introduced a new full-screen mode for Mobile Safari. It is only available in landscape orientation and hides the browsers top and button bar, as well as the devices status bar. How is it possible to detect the new mode using media queries? I…
Patrick Rudolph
  • 2,201
  • 17
  • 30
3
votes
3 answers

Scrollable UINavigationBar similar to Mobile Safari

My application uses a UINavigationController and the final view (detail view) lets you view an external website within the application using a UIWebView. I'd like to free up some additional screen real estate when the user is viewing a webpage and…
3
votes
0 answers

When WepApp added to Homescreen on iPhone unable to persist Authentication Cookie

I have a Web App written with Asp.Net Mvc 4. It is using Forms Authentication and I am able to have it persist a cookie so a user does not have to enter credentials in a full browser like Chrome but when I add the page to the Homescreen on my iPhone…
Jive Boogie
  • 1,265
  • 1
  • 12
  • 20
3
votes
0 answers

ios6 canvas high resolution y-value

I have an html5 webapp that recently was broken on iOS6. We take a high resolution jpeg image and render it on a canvas element. We first load a lower resolution thumbnail as a placeholder while the higher resolution jpeg downloads in the…
Torchify
  • 134
  • 7
3
votes
1 answer

Selecting text Programmatically Mobile Safari

I'm having trouble selecting text on my site. I have a div block and want all the text inside to be selected when the div block is touched on iPhone/Android. So far I've tried the method at: Selecting text in mobile Safari on iPhone Like so:
Zaheer
  • 2,794
  • 5
  • 28
  • 33
3
votes
1 answer

Mobile Safari, jQuery, and binding to future DOM elements

I have an HTML5/JavaScript app built for a car in-dash display unit that I have been asked to port over to run in the browser. Easy task, made some simple changes and now everything works fine in every desktop browser that I tried in. Then, came…
Danny
  • 3,615
  • 6
  • 43
  • 58
3
votes
2 answers

Scene size with CraftyJS on iOS device

I'm trying to make a CraftyJS scene size 100x100 pixels to display exactly as 100x100 pixels in mobile Safari on iOS. The code is essentially this: function init() { // Start crafty Crafty.init(100,…
Coder12345
  • 3,431
  • 3
  • 33
  • 73
3
votes
0 answers

iOS Safari not accepting 3rd party cookie

I have a webservice that adds a cookie to the Http Response. The request can sometimes be cross domain. Ive been finding articles saying iOS safari currently blocks 3rd party cookie by default (having the "Accept Cookies" option set to "sites i…
Mike_G
  • 16,237
  • 14
  • 70
  • 101
3
votes
1 answer

css transform won't run without setTimeout

I'm creating an HTML5 app for iPhone to run in a UIWebview using Sencha Touch 2. I've created several methods to help myself to css animations. One of them does translate in the Y axis for me. I've set on things like -webkit-backface-visibility in…
marklar
  • 502
  • 7
  • 21
3
votes
2 answers

Page works fine in Chrome, Firefox and IE but causes flashing or crash on iPad Safari

I'm trying to create a content slider with jQuery and CSS3. This is my code. Page is working fine in Chrome, and is almost fine in Firefox, and it is functional in IE (but almost no effects). But It is not working in iPad Safari... When the page…
Mahdi Ghiasi
  • 14,873
  • 19
  • 71
  • 119
3
votes
1 answer

In iOS safari, when user touch stop the scrolling element, event.target cannot return the correct element under the finger

Problem Here is the example, test it on iOS safari please. In this example, when user touches one anchor, the background of anchor at the touch position will turn gray. When user scrolls the element, and immediately touches the element to make it…
Gerhut
  • 73
  • 8
3
votes
1 answer

How do I keep Mobile Safari from caching a personalized homepage?

I have a web application that uses the same Twitter authentication code as the Sinatra app imonaplane. The homepage is either showing "Sign in with Twitter" or personalized content. After signing in, you're redirected (via HTTP 302) to the…
awendt
  • 13,195
  • 5
  • 48
  • 66