Your code is displaying attribute double quotes as fancy double quotes. If the fancy quotes are present in your actual source code I would guess that is the problem. This works for me on Mobile Safari in iOS 4.2. <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no” />
This fixed position div can be achieved in just 2 lines of code which moves the div on scroll to the bottom of the page. window.onscroll = function() { document.getElementById(‘fixedDiv’).style.top = (window.pageYOffset + window.innerHeight – 25) + ‘px’; };
The minimal-ui viewport property is no longer supported in iOS 8. However, the minimal-ui itself is not gone. User can enter the minimal-ui with a “touch-drag down” gesture. There are several pre-conditions and obstacles to manage the view state, e.g. for minimal-ui to work, there has to be enough content to enable user to scroll; … Read more
Your code works if its in mobile safari but NOT if its from a bookmark on the iOS desktop. Never tried it that way before, but thats the issue. If i just set your JS to <script type=”text/javascript” charset=”utf-8″> window.location = “myapp://myparam”; </script> It works in browser, but when bookmarked it fails. It might have … Read more
This is possible. Tested with iOS5 stand-alone web app: HTML: <div id=”foz” data-href=”http://www.google.fi”>Google</div> JavaScript: document.getElementById(“foz”).addEventListener(“click”, function(evt) { var a = document.createElement(‘a’); a.setAttribute(“href”, this.getAttribute(“data-href”)); a.setAttribute(“target”, “_blank”); var dispatch = document.createEvent(“HTMLEvents”); dispatch.initEvent(“click”, true, true); a.dispatchEvent(dispatch); }, false); Can be tested here: http://www.hakoniemi.net/labs/linkkitesti.html
Here’s what I did: I created an IBAction in the header .h files as follows: – (IBAction)openDaleDietrichDotCom:(id)sender; I added a UIButton on the Settings page containing the text that I want to link to. I connected the button to IBAction in File Owner appropriately. Then implement the following: Objective-C – (IBAction)openDaleDietrichDotCom:(id)sender { [[UIApplication sharedApplication] openURL:[NSURL … Read more
I realize this is a little old, but, yes it can be done. Some javascript to get you started: viewport = document.querySelector(“meta[name=viewport]”); viewport.setAttribute(‘content’, ‘width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0′); Just change the parts you need and Mobile Safari will respect the new settings. Update: If you don’t already have the meta viewport tag in the source, you … Read more
This answer is no longer applicable, unless you are developing for a very old iOS device… Please see other solutions 2011 answer: For a web/html app running inside iOS Safari you want something like document.ontouchmove = function(event){ event.preventDefault(); } For iOS 5 you may want to take the following into account: document.ontouchmove and scrolling on … Read more
<body ontouchstart=””> … </body> Applied just once, as opposed to every button element seemed to fix all buttons on the page. Alternatively you could use this small JS library called ‘Fastclick‘. It speed up click events on touch devices and takes care of this issue too.
Until Safari implements Service Worker and follows the direction set by Chrome and Firefox, there is no way to add your app programatically to the home screen, or to have the browser prompt the user However, there is a small library that prompts the user to do it and even points to the right spot. … Read more