IOS webpage errors regarding cellular data but not Wi-Fi? A recent change to AT&T's cellular network?
I am facing an issue with some iOS webpages (both in mobile Safari and Chrome, and also in the iOS web browser in the app) over cellular data versus wifi.
The problem is identical to what was previously posted by someone else:
Cellular communication bug for mobile only Safari
Unfortunately, there is no answer to the above URL yet.
Basically, I keep seeing extraneous random garbage characters in the HTML that comes off the cellular data, but the same page load works fine over Wi-Fi. It's not download speed or poor connection, it seems to be some unexplained error in the transmission / interpretation of data transmission over the cellular network. I was able to replicate the same issue across different locations and across different devices.
An example of a page that loads well over Wi-Fi but loads with errors (JavaScript and CSS errors due to the aforementioned extraneous garbage characters) according to:
Has anyone else faced the same problem? Any ideas were much appreciated.
source to share
Content type wasn't an issue, but it got me thinking more about how pages can be converted between my server, network, and ultimately the client.
After some trial and error, I excluded the JQuery links, after which the pages loaded correctly over AT&T celullar data. This led to another google search and ultimately to the problem according to the URLs below:
http://bugs.jquery.com/ticket/8917
... The JQuery bug report above mentions fixes on these two urls, one of which was actually from stackoverflow:
http://mobiforge.com/design-development/setting-http-headers-advise-transcoding-proxies
Website demonstrates JavaScript error on iPad / iPhone under 3G, but not under WiFi
So the issue is with a recent change to AT&T's cellular network, similar to the one described in the URLs above. that is, AT&T modifies certain web content in some way before sending it to iPhones and iPads. The fix is simple, just set the "no-transform" Cache-Control header for the pages you don't want to be modified / transformed by the AT&T network.
I manually set up a header in PHP to select pages via:
header ("Cache-Control: no-transform");
.... but my guess is that it can be globally set in the directory .htaccess file, or for the domain in the virtual host file or the whole server in the httpd.conf file, for example:
Cache-Control "no-transform" header set
I don't know how the "no-transform" setting will affect performance, I am far from being an expert on Apache settings or networking, but the above, at least for now, has solved the initial problem.
source to share
I had the same problem and found a solution from another post Remove wierd characters in XML file
You must customize the title for your content for AT&T to work properly. In your example, it will be text / html, I think because it's html.
<head>
<title>Page name</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
source to share