iPad won't clear cached web link saved on home screen

I am too developing a web app, and I have the very same problem, on both original iPad and the new iPad (3).

And as Rian M. stated, this issue can pose a serious security risk.

Apple, are you listening ?!?! This issue is critical and must be fixed ASAP ! 😠

It sounds like you created an offline web app with a manifest file. The easiest way to reset it is to press and hold the Home button until the icons in SpringBoard (the home screen) start jiggling, then hit the "X" next to the web app's icon. This will delete the web app, then you may re-save it from Safari again.

The other way to update the resources (or the contents of the main HTML page--but not the URL to the main page itself) is to update the manifest file with a new version, launch the web app from SpringBoard (while connected to the Internet), then hit the Home button again. The second time you launch the web app, the updated resources should appear.

This is how offline web apps work. Here's some resources you may find helpful:

http://www.w3.org/TR/offline-webapps/

http://developer.apple.com/library/safari/#documentation/iPhone/Conceptual/Safar iJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html

http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Referenc e/SafariWebContent/Client-SideStorage/Client-SideStorage.html

The cookie store is shared between Safari and offline web apps, so any web app needs to be designed with that in mind.

The other rule when making an offline web app is that the URL that the web app is saved from must always exist. It's usually best to have the "main" HTML page be static, and have it load all of its content via XMLHTTPRequest and/or build the page using the DOM API in JavaScript (e.g., using document.createElement() and then append the result to the page).

If you still feel this is a bug, I suggest filing a bug report using <https://bugreport.apple.com/>. Use your existing Apple ID to log in. If the site asks you to sign up as a developer, make sure to choose the free option. (It will likely be at the bottom of the page, so make sure to read all the options and scroll down.) Please provide a complete test case (server side files that can be deployed to an Apache web server, preferably), as well as complete steps to reproduce the bug. It would also be helpful to report the 8-digit bug number here once it's filed.

You may find it more helpful to conduct this in the developers forum.

I had the same problem on iPhone.

This is what I did:

- in Safari save to home screen

- quit Safari in Springboard

- open web app

- go Settings/Safari/Advanced/Websites

- delete the website

Worked for me.

For this issue I would try settings > general > reset > reset home screen layout and than try deleting the icon. A pain yes but This may resolve the issue.

I am experiencing the same problem. I have an Original iPad and a New iPad (both current on OS updates). After replacing an image for a web page, the new image shows up on Safari (and Chrome) but after I "Add to Home Page", the old image displays. I have performed all of the following to correct but no luck on my Original iPad:

1. Close all Safari Tabs

2. Clear Safari History

3. Reset Safari - Hold Power button and until slide to power off and then hold hold home button until Safari closes

4. Deleted the EVERY Web App icon on the Home Screen that references that Website

5. Settings -> Safari -> Clear History

6. Settings -> Safari -> Clear Cookies and Data (All Website Data should now be cleared

7. Stopped EVERY task in the multitasking list

8. Powered OFF the iPad

9. Stopped my Apache Web Server and cleared all logs

10. Started Apache Web Server

11. Started the iPad

12. Open Website in Safari and New image is displayed

13. "Add to Home Screen"

14. Exit Safari

15. Open Web App from icon on Home Screen

OLD IMAGE IS DISPLAYED

16. Viewed Safari Access Log and confirmed that the New image is retrieved as it is twice the sixe as the old image. Apache had 2 references to my image file the first resulted in 200 RC and 41232 file size and the second log line resulted in a 304 RC which means it had not changed and pulled from cache.

NOW I change the IP Address of my Apache Web server, open Safari and go to the new IP Address Web Site (that has all the same unchanged files, content etc.) and the NEW image is displayed as expected. I then "Add to Home Screen", close Safari, OPEN the Web App from the Icon on the home screen and the NEW IMAGE IS DISPLAYED CORRECTLY.

I would say this appears to be a bug and as a result the Bank I work for has suspended iOS based application rollout because this implies that sensitive customer data may be cached unexpectedly.

Please escelate to severe defect!

HugoStOnge wrote:

I am too developing a web app, and I have the very same problem, on both original iPad and the new iPad (3).

And as Rian M. stated, this issue can pose a serious security risk.

Apple, are you listening ?!?! This issue is critical and must be fixed ASAP ! 😠

This forum isn't suited for reporting specific bugs. Please consider using https://bugreport.apple.com/ to report a specific bug, and attach a self-contained test case to the bug if at all possible.

I got the solution!

But first the problem: iPad and iPhone is not refreshing the cache when opening the app. Even deleting the app, clearing safari cache, restarting device etc. etc. doesnt work.

And here is the solution ... taadaa !

Your manifest-file MUST change. If it is changed, iPad/iPhone will reload the cache. So just write a version number in your manifest file and change it when you changed something:

# Version: 1.2

So a full manifest file could look like this:

CACHE MANIFEST

# Version 1.5

NETWORK:

*

CACHE:

index.html

jquery-1.7.2.min.js

images/logo.jpg

It even reloads things like images that are not written into the manifest file. I tested it a several times.

Btw. dont forget to check your manifest-file with http://manifest-validator.com

My source is this very cool how to about offline web applications: http://gregsramblings.com/2012/05/28/html5-application-cache-how-to/

It also says that you maybe need to start your app twice:

If the manifest was updated, the browser will download all of the files in the cached file list, BUT, the original content will have already loaded at this point (remember that it’s already cached, so it loads super fast!).

But it worked for me always on first attempt.

One possible solution

I load my javascript/css/html content (other than a main index.html/js file) from javascript and add it to the dom tree. I had the same problem with the ipad (and I think iPhone) icons continually loading the old content. I think one solution that seemed to work is to append a timestamp to the end of each filename as i request it, such as: sample.js?ts=122332222 . This seems to force the new fetch. The downside is that you will never cache items so if your app is going to be deployed, you may want to remove this as a final step. I also notice a similar problem on android phones.

I have exactly the same issues with my cgi web app. Add to Home Screen first shows my web app's new icon, then I start it from Home Screen, close it and return back to Home Screen, where old icon reappear. If I don't set block cookies allways, my web app crashes, because ios 7 runs my old cached version of cgi app.