iOS 5 Mobile Safari application cache changes? - javascript

I'm wondering if anyone has run into new problems with using the HTML5 application cache in Mobile Safari on iOS 5 devices? I had previously written an offline web app that worked well in iOS 4, but as devices that use this app are being moved over to iOS 5, I am discovering problems when devices are offline and attempting to access what should be cached resources.
I can confirm that the application caching procedure is working as expected, as I can track the hits to my webserver as resources are downloaded while the device is online.
The problem manifests itself in the form of the "Cannot Open Page: Safari cannot open the page because it is not connected to the Internet" dialog box when I attempt to follow a link to a page that should be cached while I am offline.
Interestingly, around the same time this error pops up, in the Debug Console one also gets the "JavaScript execution exceeded timeout" error, similar to what is mentioned in this thread. I'm not doing any computation nearly as complicated as what was posted there, but the suggestion to kill and restart Safari seems to fix both problems, at least for now.
So maybe this question is less a request for help and more of a landing place for future searchers to share their experiences.

Please check if you have added the cached page itself into the manifest file, in below example they are HTMLPage1.htm & HTMLPage2.htm. I have the same problem but it works after adding the cached page link.
CACHE MANIFEST
CACHE:
images/cover.png
HTMLPage1.htm
HTMLPage2.htm
NETWORK:
*

Related

iOS Safari Won't Refresh Javascript Content

I just created this Awesome Website with some interactions, but I found a bug on iOS Safari about the 'Firebase' Animation (it won't work). So I connected my iPhone(iPhone 6, iOS 12) to my Mac with a cable to use the Safari Web Inspector.
But then even when I reload the page or open it again, the JavaScript content won't reload. However, on desktop browsers, the changes have been applied.
The bad thing is that I'm a student and there's this stupid thing about screen time that blocks private mode and history&cache delete.
I really need to fix this bug and there's a bunch of other bugs to fix, so probably waiting until the page fully reloads will drive me nuts. Is there any way to do a 'hard' reload, or is there any other ways to fetch data from the server again?
Just found the answer.
Connect the iPhone to your Mac via USB cable, open the web inspector, then press ⌥⌘R.
The keyboard shortcut also works for iOS safari.

Experiencing 10s delay in incognito mode

My site is running on generatepress and for some reason I am experiencing delays in content loading.
Website: http://www.finfin.sk
The loading delay happens on category pages in incognito: https://finfin.sk/category/investovanie/
Here is a video showing the load in normal and incognito mode: https://www.loom.com/share/64d00df8cd4d471e8b657390c94ecbaf
I tried to turn off all the plugins and the problem persisted.
Plugins I am using https://prnt.sc/wn6qjf
I have also deleted asynchronous JavaScript plugin and purged cache in Cloudflare and turned on developer mode to disable caching. But it did not help.
I am using Ezoic and Cloudflare. Ezoic is integrated through Cloudflare so I believe I am using Ezoic CDN. I have cleared the cache and the problem was still appearing.
It's weird and I am not sure what could cause this problem.
Any idea how to fix it?
** !!!FIXED!!! **
The problem was in Ezoic. I have integrated Ezoic via Cloudflare. And I saw in the NETWORK under Chrome developer tools *gif files from ezoic, that were taking long to load. This files were preventing content to load only in INCOGNITO Chrome and only in categories. In normal mode everything was loading as it should.
The weirdest thing was that INCOGNITO mode in Chrome and Safari was caching the site. I thought Incognito will never cache the site.
the developer mode in cloudflare was enabled
cache was purged in cloudflare and ezoic as well
I have deleted all the browsing history/cookies/cache from browser
tested it on 2 different machines
I have even reinstalled chrome
Anyways thanks for your help.

Angular (7.2.10) app failing to load on Chrome on iOS 12.4.1

I'm currently working on an Angular application (7.2.10) and on the latest version of iOS available on my device (12.4.1) we have hit an issue that I can't seem to figure out. The issue only occurs on Chrome on iOS, I am unable to replicate this issue on any other browser on the affected devices. The iPad air (1st gen) I am running against is using Chrome version 77.0.3865.93. It was first reported by a colleague using an iPad Pro, and we have has a couple of clients call in saying it's not working on their iPhones.
If we load the entry point to our web application (https://ams.invenias.com) the screen is completely blank. Nothing loads, and the spinner stops immediately.
I've tried a few avenues to try and get to the root of the problem, but I am yet to get anywhere. I have...
Using ios-webview-app to run iOS simulator within safari on a mac. This just resulted in the website loading as normal, so something wasn't being simulated correctly.
ios-webkit-debug-proxy to attempt to get developer tools in chrome for iOS. This ended up not working at all, either I was unable to get it running or our particular network setup meant it would never work.
Using weinre to get some sort of developer tools to read network activity/logs. I wasn't able to get this running initially, however after a bit of tinkering I was able to use this alongside Browserstack to get developer tools. Unfortunately, nothing in the logs or DOM was erroring or showed any reason as to why it might not be starting correctly.
After connecting via number 3, I was able to find out that angular itself is not bootstrapping, and no javascript is being executed on the page (from within the transpiled code, javascript included in other .js files, or within index.html executes correctly.) I'm now on day 3 with this issue, and no end in sight.
Oddly enough, if we use the 'Request Desktop Site' feature within the browser, the site loads perfectly.
Thanks,
Cameron

JavaScript on iPad needs regular reboot of network connectivity

One website I regularly access on my iPad has various JavaScript elements which stop working after around 15 minutes of use (it appears not to be after a set number of actions, if I do one interaction then leave it 15 minutes I have the same problem).
The problem happens on two different iPads on the same network. A fairly old iPad 3 with latest iOS 9.3.5 and a brand new iPad Mini 2 also with latest iOS. If I use mobile internet connection (tethered to my phone) rather than my in-house Wifi I don't have the problem.
The problem doesn't occur on desktop browsers, even when running as an iPad by updating the agent.
The website owners are supposedly investigating, but have said they can't recreate on their mobile test devices. Don't know how hard they have tried mind you!
Originally I though that the only thing that can make the website work again was to switch off and power on again the iPad. Closing the tabs, or the whole browser, or clearing history etc, makes no difference, only powering off and on again. I have more recently figured out that just disconnecting from the network and reconnecting, then reloading the page appears to reload the failing Javascript elements.
Using private browsing until the problem occurs and then closing down the tab, leaving private browsing, and then re-entering has certainly cleared all information as I have to login to the website again, but the problem persists.
So my question is, what could a network do to stop loading javascript parts of a webpage that disconnecting and reconnecting would fix? i.e. what might I have to fix on my home network? If there is any other information I can give, please do let me know.

Running offline AJAX appliaction on Opera Mobile 11

I'm preparing project for web application with large AJAX usage, which should work on Smartphones. One of requirements is that the application should be able to run without internet connection. The scenario when application is launched and then the internet connection is lost is relatively simple, but what in case the user have no internet connections, and wants to launch this application?
Opera Mobile has the ability to save the page, which could be loaded even without internet connections, the problem is however the fully AJAX application. I've checked 2 examples: GWT-Ext Showcase and ZK Calendar Demo, both of them running in online mode, but failed to launch in offline mode (blank screen, with no error message). I suppose the problem is the Opera saved the main page itself, but not the required JavaScript. In this fall I have question:
What should the developer do to make his web application running in Opera Mobile in offline mode? How should the JavaScript be organized to be downloaded by Opera for offline mode?
You should specify a cache manifest file.
You could also just paste all the javascript into the main html page (inline) (more difficult to do with images though)

Categories