Questions tagged [mobile-safari]
A mobile version of Apple’s Safari web browser.
mobile-safari
4,637
questions
1104
votes
25
answers
145k
views
Is Safari on iOS 6 caching $.ajax results?
Since the upgrade to iOS 6, we are seeing Safari's web view take the liberty of caching $.ajax calls. This is in the context of a PhoneGap application so it is using the Safari WebView. Our $.ajax ...
- 8,589
883
votes
41
answers
776k
views
Disable Auto Zoom in Input "Text" tag - Safari on iPhone
I made an HTML page that has an <input> tag with type="text". When I click on it using Safari on iPhone, the page becomes larger (auto zoom). Does anybody know how to disable this?
- 8,839
480
votes
20
answers
645k
views
How do you disable viewport zooming on Mobile Safari?
I've tried all three of these to no avail:
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />
<meta name=”viewport” content=”width=...
- 43.3k
416
votes
25
answers
324k
views
How to disable phone number linking in Mobile Safari?
Safari on iPhone automatically creates links for strings of digits that appear to the telephone numbers. I am writing a web page containing an IP address, and Safari is turning that into a phone ...
- 83.3k
414
votes
11
answers
364k
views
Turn off iPhone/Safari input element rounding
My website renders well on the iPhone/Safari browser, with one exception: My text input fields have a weird rounded style which doesn't look good at all with the rest of my website.
Is there a way to ...
- 76.7k
307
votes
10
answers
140k
views
UIWebView open links in Safari
I have a very simple UIWebView with content from my application bundle. I would like any links in the web view to open in Safari instead of in the web view. Is this possible?
- 10.1k
264
votes
3
answers
138k
views
CSS submit button weird rendering on iPad/iPhone
I noticed that if I style my buttons with CSS using radius, colors and borders, they look good but in the iphone/ipad/ipod they look terrible...shouldn't be the same rendering as in Safari Desktop??
- 25.1k
230
votes
19
answers
318k
views
How do I remove the blue styling of telephone numbers on iPhone/iOS?
Is there a way to remove the default blue hyperlink colour from a telephone number when viewed on an iPhone? Like a specific Mobile Safari tag or CSS to add?
I only have this in place for the number:
...
- 2,401
227
votes
15
answers
246k
views
How to launch Safari and open URL from iOS app
On the settings page, I want to include three links to
My app support site
YouTube app tutorial
My primary site (ie: linked to a 'Created by Dale Dietrich' label.)
I've searched this site and the ...
- 7,216
204
votes
8
answers
397k
views
How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
Is it possible to recognize touch events on the iPad's Safari browser using jQuery?
I used mouseOver and mouseOut events in a web application. Are there any similar events for the iPad's Safari ...
- 5,152
204
votes
9
answers
176k
views
iOS 8 removed "minimal-ui" viewport property, are there other "soft fullscreen" solutions?
(This is a multi-part question, I will try my best to summarise the scenario.)
We are currently building a responsive web app (news reader) that allow users to swipe between tabbed content, as well ...
- 9,268
189
votes
19
answers
154k
views
disable viewport zooming iOS 10+ safari?
I've update my iPhone 6 plus to iOS 10 beta version and just found that in mobile safari, you can zoom any webpages by double tapping or pinching IGNORE the user-scalable=no code in the meta tag. I ...
- 6,702
185
votes
12
answers
291k
views
How can I check if an app is installed from a web-page on an iPhone
I want to create a web-page, a page that will redirect an iPhone to the App Store if the iPhone does not have the application installed, but if the iPhone has the app installed I want it to open the ...
- 6,313
175
votes
32
answers
505k
views
HTML5 Video tag not working in Safari , iPhone and iPad
I am trying to create an html5 web page in which there is a small video like 13s , I converted the flash version of this video into 3 format : .ogv using fireFogg , .webm using firefogg also and .mp4 ...
- 1,849
174
votes
15
answers
113k
views
iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
I'm currently developing a web application using HTML5 and jQuery for iPad Safari. I'm running into a problem wherein large scroll areas cause the elements that are offscreen to appear after a delay ...
- 5,164
162
votes
6
answers
107k
views
Remove textarea inner shadow on Mobile Safari (iPhone)
By default, it seems Mobile Safari adds the top inner shadow to all input fields, including textarea. Is there a way to remove it?
It's especially ugly when you have a white background.
- 7,364
158
votes
18
answers
207k
views
How to disable scrolling on mobile Safari?
I have a long page, and I want to hide the content that goes underneath the "fold", and it should work on iPhone/iPad.
overflow:hidden applied to <body> does not seem to work on mobile ...
- 25.1k
148
votes
24
answers
252k
views
Disable scrolling and bounce effect on mobile Safari
I'm working on a browser based app, currently I'm developing and styling for the mobile Safari browser for iPad.
I'm looking for two things: How can I disable vertical scrolling for pages that don't ...
- 2,672
129
votes
5
answers
86k
views
Some font-size's rendered larger on Safari (iPhone)
Are there CSS or other reasons why Safari/iPhone would ignore some font-size settings? On my particular website Safari on the iPhone renders some font-size:13px text larger than font-size:15px text. ...
- 76.7k
119
votes
8
answers
190k
views
Javascript for "Add to Home Screen" on iPhone?
Is it possible to use Javascript to emulate the Add to Home Screen option in Mobile Safari's bookmark menu?
Something similar to IE's window.external.AddFavorite(location.href, document.title); ...
- 7,460
117
votes
13
answers
107k
views
:active pseudo-class doesn't work in mobile safari
In Webkit on iPhone/iPad/iPod, specifying styling for an :active pseudo-class for an <a> tag doesn't trigger when you tap on the element. How can I get this to trigger? Example code:
<style&...
- 56.9k
106
votes
9
answers
153k
views
Simplest way to detect a pinch
This is a WEB APP not a native app. Please no Objective-C NS commands.
So I need to detect 'pinch' events on iOS. Problem is every plugin or method I see for doing gestures or multi-touch events, is (...
- 29.8k
102
votes
4
answers
118k
views
Can I change the viewport meta tag in mobile safari on the fly?
I have an AJAX app built for mobile Safari browser that needs to display different types of content.
For some content, I need user-scalable=1 and for other ones, I need user-scalable=0.
Is there a ...
- 2,972
99
votes
2
answers
53k
views
iPad Safari: How to disable the quick blinking effect when a link has been hit
Is there any way to disable that?
I only mean in the browser... When you click a link or a button or a div that has a click function on it, it flickers a grey box where you clicked quickly. How do i ...
- 1,587
98
votes
16
answers
90k
views
Is it possible to force ignore the :hover pseudoclass for iPhone/iPad users?
I have some css menus on my site that expand with :hover (without js)
This works in a semi-broken way on iDevices, for example a tap will activate the :hover rule and expand the menu, but then ...
- 1,283
94
votes
10
answers
99k
views
A html5 web app for mobile safari to upload images from the Photos.app?
Is it possible to write a HTML5 web application designed for the iOS devices (iPad, iPhone, iPod Touch) which can allow the user to upload an image from the filesystem?
Imagine uploading a new photo ...
- 1,250
92
votes
14
answers
116k
views
Copy to clipboard using Javascript in iOS
I'm using this function to copy a URL to the clipboard:
function CopyUrl($this){
var querySelector = $this.next().attr("id");
var emailLink = document.querySelector("#"+querySelector);
var ...
88
votes
7
answers
79k
views
Stop Safari Mobile from giving input buttons rounded corners
I guess the subject says it all. I have a web application when viewed on an Iphone, Ipod or Ipad, input submit buttons have rounded corners. Is there a way to stop this?
- 881
86
votes
15
answers
95k
views
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 ...
- 18.6k
86
votes
6
answers
106k
views
Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others?
Our site renders with inconsistent font sizes on mobile Safari -- and as far as we can tell, only Mobile Safari. This very much has stumped us.
We analyzed the site with Firebug, and the incorrect ...
- 34.1k
85
votes
14
answers
68k
views
iOS 11 Safari bootstrap modal text area outside of cursor
With iOS 11 safari, input textbox cursor are outside of input textbox. We did not get why it is having this problem. As you can see my focused text box is email text input but my cursor is outside of ...
- 942
85
votes
16
answers
94k
views
How to debug web sites on mobile devices?
How do people debug websites on mobile devices?
I'd like to be able to manipulate the HTML and CSS similar to using the Inspector in a desktop browser, and debug JavaScript.
- 34.1k
85
votes
11
answers
26k
views
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 ...
- 7,460
83
votes
20
answers
59k
views
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 ...
- 56.8k
82
votes
2
answers
60k
views
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 ...
- 9,726
79
votes
2
answers
92k
views
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?
- 25.8k
79
votes
5
answers
84k
views
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 ...
- 13.4k
78
votes
10
answers
91k
views
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, ...
- 5,117
78
votes
2
answers
41k
views
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 ...
- 15k
77
votes
11
answers
46k
views
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?
- 1,901
74
votes
13
answers
38k
views
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 ...
- 873
70
votes
4
answers
37k
views
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 ...
- 701
68
votes
5
answers
48k
views
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 ...
- 1,071
67
votes
11
answers
113k
views
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 ...
- 141k
67
votes
7
answers
99k
views
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 ...
- 714
66
votes
9
answers
77k
views
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 ...
- 50.1k
64
votes
14
answers
65k
views
Multiple "apple-touch-startup-image" resolutions for iOS web app (esp. for iPad)?
I've written an HTML5-based iOS web application and all seems to be working well, but I'm trying to polish it up with multiple startup screens. The iPhone/iPod touch works well w/a PNG of 320x460, as ...
- 2,165
61
votes
8
answers
31k
views
Setting "Home Screen" icon name for mobile Safari
By default, when "bookmarking" a website as an icon (by choosing to Add to Home Screen from within Safari's "+" menu), the icon name defaults to the page's <title>, truncated to 12 characters.
...
- 57.4k
61
votes
6
answers
68k
views
Problems displaying PDF in iFrame on Mobile Safari
Within our web application we are displaying a PDF document in an iframe using the following line of code:
<iframe id="iframeContainer" src="https://example.com/pdfdoc.pdf"
...
- 8,838
58
votes
10
answers
175k
views
CSS background-size: cover replacement for Mobile Safari
Hi I have several divs on my page which have background images that I want to expand to cover the entire div which in turn can expand to fill the width of the viewport.
Obviously background-size: ...
- 3,475