iphone-web-app

I am trying to build an iPhone web application using ASP.NET. The page is dynamically rendered once for each visitor. At this point the page can be bookmarked and it will never change again for that visitor. For this reason it should be cached locally from that point on so the application will run if referenced from the bookmark even if no network connection is available. No matter what I try the phone continues to request the page from the server forcing a re-render or it fails if the phone is offline. Louis Gerbarg suggested in this post that I use HTML5 Cache Manifest to get this working

How can I write an ASP.NET (C#) application that will render a page can be permanently cached on the iPhone when it is bookmarked as a "Homescreen Icon"? I have tried setting this on the code behind "Response.ExpiresAbsolute = DateTime.MaxValue;" but to no avail. The server code is still executed every time the home screen icon is launched. You need to set this up through HTML5 cache and app manifest files. Thw WhatWG group has posted a draft specification. 来源： https://stackoverflow.com/questions/264367/iphone-web-app-cache-persistence

I have an in-house app which I distribute over a local wifi in release page have a link like this itms-services://?action=download-manifest&url=http://192.168.1.231/app/plist/houseApp/out.plist this worked on iOS 7 Safari but when i add this page to main screen (like web app) the same link didn't work, and apache access.log have no record about /app/plist/houseApp/out.plist this worked in iOS 6 Anybody knows about this? It seems Apple have disabled all URL schemas in iOS7 (including mailto: links) in standalone webapps. This has seriously implications for my place of work. See this post: https

This question already has an answer here: iPhone Web App - Stop body scrolling 6 answers I've been working on a mobile webapp as of late. I'm optimizing mobile-first, focusing specifically on iOS for the iPhone right now. I don't want the precise look of a native app, but I think that the feeling of being native is of absolute importance. I've made the markup and CSS to reflect this idea, leaving me with this (annotated to better understand the problem I'm having later on): This all works problem-free, and it also has the advantage of having a native feel, with static header and footer, and a

I need to determine a person's location within 50m. I'm wondering if I should use navigator.location.watchPostion() or call getCurrentPostion() over and over again. watchPostion() is the proper W3C API for doing what I want, but practically, it seems to be overkill. Here's my code: var map = null; var marker = null; var layer = null; function locFn(pos) { var lat = pos.coords.latitude; var lon = pos.coords.longitude; $("#hlat").val(lat); $("#hlong").val(lon); document.getElementById("lnkMap").href = "http://maps.google.com/maps?q=My+Loc@" + lat + "," + lon + "&z=18&t=h"; var point = new

I've got this code: <select> <option value="c">Klassen</option> <option value="t">Docenten</option> <option value="r">Lokalen</option> <option value="s">Leerlingen</option> </select> Running in a full-screen web-app on iPhone. When selecting something from this list, the iPhone zooms in on the select -element. And doesn't zoom back out after selecting something. How can I prevent this? Or zoom back out? It is probably because the browser is trying to zoom the area since the font size is less than the threshold, this generally happens in iphone. Giving a metatag attribute "user-scalable=no"

Is it possible to remove the form assistant from the iPhone popup keyboard in a standalone web app? I know the general consensus is that it's not possible in Mobile Safari, but a standalone app runs in a UIWebView , and functions differently in several ways ( example ), so I'm hoping this might be possible. You can see it here right above the keyboard: The Previous and Next buttons cycle between <form> inputs. But I have a single <input> element, so they are disabled. The Done button hides the keyboard, but since I have a height-flexible <ul> (that takes up the space between the keyboard and

I'm trying to figure out how to change an embedded web page when the user rotates their phone from portrait to landscape mode - basically to load a view that is better suited to the wider screen format. Is this possible to do without calling a new page from the server, i.e. to drive it from within CSS/Javascript itself? Thanks! anthares You can use the window.orientation property. Its value is the degree that the current mode of view is used. Here is a brief example: function updateOrientation() { var orientation=window.orientation; switch(orientation) { case 0: break; case 90: break; case -90