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
85
votes
11 answers

What is the PastryKit Framework?

I'm trying to find any information I can on the PastryKit Javascript Framework. It appears to be in use on the iPhone User Guide that is displayed on the iPhone itself in Mobile Safari, but I cannot find any documentation or API. If you want to see…
Kerrick
  • 7,420
  • 8
  • 40
  • 45
84
votes
15 answers

Determine if user navigated from mobile Safari

I have an app, and I'd like to redirect the users to different pages based on where they are navigating from. If navigating from web clip, do not redirect. If navigating from mobile Safari, redirect to safari.aspx. If navigating from anywhere else,…
Steven
  • 18,761
  • 70
  • 194
  • 296
83
votes
20 answers

iPad is not showing in Develop menu on OSX Safari

I need to debug an HTML app on ipad. I used to be able to connect ipad by USB cable to my mac and it would show in the "Develop" menu in Safari. I have two ipads now - one with iOS 6 and another with iOS 7. The iOS 6 one is showing correctly and…
Aleks G
  • 56,435
  • 29
  • 168
  • 265
81
votes
2 answers

remove grey background on link clicked in ios safari / chrome / firefox

When you click (touch) a link in Safari (or chrome or firefox) for iOS, you get a grey background behind link (only while you're holding it). Is there a way to remove this feature using CSS? Please see the example image below:
sam
  • 9,486
  • 36
  • 109
  • 160
80
votes
2 answers

Is there a way to make a phone number clickable on an iphone or android phone to make a call in HTML?

Is it possible to make a phone number clickable in HTML so that when a user clicks on the number it is called?
leeand00
  • 25,510
  • 39
  • 140
  • 297
79
votes
5 answers

What version of mobile safari comes with each version of iOS?

I'm trying to figure out what Javascript APIs I can use to achieve support for Mobile Safari back to iOS2. I haven't found a list anywhere that shows what version of Mobile Safari ships with each new version of iOS. I'm looking for a comprehensive…
Mike Sherov
  • 13,277
  • 8
  • 41
  • 62
78
votes
10 answers

Debug iPad Safari with a PC

I want to test my website on Safari on my iPad. I only have another PC. Is there a way for me to do remote debugging like ADB (Android Debug Bridge) with mobile Chrome? I searched on StackOverflow, seems there is an Adobe Edge Inspect CC, but I…
darklord
  • 5,077
  • 12
  • 40
  • 65
78
votes
2 answers

Debug iOS 6+7 Mobile Safari using the Chrome DevTools

iOS 6 comes with built-in support for remote debugging (1 minute screencast). It plays nice with the new Safari Web Inspector which seems to be a 1 year old fork of WebKit Inspector. It misses some features such JS editing and WebSocket frames…
NVI
  • 14,907
  • 16
  • 65
  • 104
77
votes
11 answers

How to enable iOS 5 Safari Reader on my website?

How does the Reader function of Mobile Safari in iOS 5 work? How do I enable it on my site. How do I tell it what content on my page is an article to trigger this function?
bshack
  • 1,891
  • 1
  • 21
  • 27
74
votes
13 answers

Offline iOS web app: loads my manifest, but doesn't work offline

I'm writing a web app to be used offline on iOS. I've created a manifest, am serving it up as text/cache-manifest, and it usually works fine, when running inside Safari. If I add it as an app to my home screen, then turn on Airplane mode, it can't…
Ken
  • 873
  • 2
  • 9
  • 8
70
votes
4 answers

Stop reloading of web app launched from iPhone Home Screen

I created a web app and added to my iPhone Home Screen. When I switch to another app and back, iPhone automatically reload my web app. This breaks my app flow. How do I prevent iPhone from reloading the app? I have apple-mobile-web-app-capable…
Rand
  • 701
  • 1
  • 6
  • 4
68
votes
5 answers

iOS 9 Safari: changing an element to fixed position while scrolling won't paint until scroll stops

I've been developing a site and taking advantage from the rather good jQuery Sticky Kit plugin. It operates by switching the position property to fixed and back when appropriate. Runs very smoothly in desktop and acceptably so in mobile. Or at least…
instanceofnull
  • 1,071
  • 1
  • 7
  • 15
67
votes
11 answers

Fixed positioning in Mobile Safari

Is it possible to position an element fixed relative to the viewport in Mobile Safari? As many have noted, position: fixed doesn't work, but Gmail just came out with a solution that almost is what I want – see the floating menu bar on the message…
Sophie Alpert
  • 139,698
  • 36
  • 220
  • 238
67
votes
7 answers

iOS iPad Fixed position breaks when keyboard is opened

Fixed position breaks on header when I click on the "Search Form" text box field. It simply detaches from the top of the page (as it's fixed up there) and starts floating middle of the page when the virtual keyboard opens up. Normal: Broken:
coldblooded01
  • 712
  • 1
  • 6
  • 9
66
votes
9 answers

iPad Safari - Make keyboard disappear

In iPad Safari browser, when I change focus from a textbox to a dropdown, the keyboard still remains... Is there some way (maybe with Javascript) I can hide the keyboard when user blurs from the textbox? Indirectly speaking, I am looking for a…
copenndthagen
  • 49,230
  • 102
  • 290
  • 442