I've got a simple wordpress site that's not showing up on ios devices. I've checked everything I know to check... nothing. After a long talk with the hosting IT support, we figured out that the problem was somewhere in the theme (custom made by myself, using the underscore_s blank wordpress starter theme), which is developed and maintained by the wordpress creators themselves. But I haven't been able to find where the problem is coming from in the theme.
Here's' the development site: http://review.createwilmington.com
Thanks in advance for any insights... i'm out of places to check!
Your error inside style.css file:
search for the following line and remove display:table:
[class*="site"]:after{content:'';display:table}
that working on safari for iOS device and also safari for desktop.
Related
In my current MEAN stack project, everything functions fine on desktop Safari, Chrome, and mobile Chrome, but in mobile Safari for iOS, data-binding shows as text (e.g. {{data.total}} as opposed to $25). To make matters worse, when I open the app from iOS Safari served from localhost, it also works properly.
I've tried rolling back my Heroku app and the problem persists, even when I go back to a version from when I'm sure it looked good on an iPhone. I've checked it out on others' iPhones, and gotten the same negative result. I can't find this problem elsewhere on the internet, nor am I sure what I should be looking for as the problem seems to be with Heroku or iOS.
Here's the live page: http://minneapolish3-beta.herokuapp.com/reddress. This has me very much stumped, but I'm pretty green. If you find it not working on other platforms, I'd love to know about that as well.
(Naturally, I can't well spin up a CodePen example as the problem is only occurring in the wild.)
A friend introduced me to the Safari Web Inspector for mobile which allwed me to see warnings, alerts, etc.
It turns out that my Google Maps API call, via http://, was causing the page to break on mobile Safari. When I changed it to https:// everything worked! Thanks go to Bonus Kun whose answer to another question helped expedite my solution.
Shouldn't we be able to use Universal Links into Amazon on iOS? They are hosting this file: https://www.amazon.com/apple-app-site-association and this blog post seem to be certain of it. However, if I make a link that follows one of their site-association rules, such as
http://www.amazon.com/gp/product/0062273205,
I keep getting directed to Safari instead of the app. I have never clicked Back to X from the Amazon app, so it can't be that cache that is messing with me.
Universal Links do work with the Amazon app on iOS. I tested the example (http://www.amazon.com/gp/product/0062273205) on iOS 9.2.1, and it opened the app as expected.
Have you have scrolled all the way to the top of the Amazon page? There should be a banner like this that will forward you to the app. If not, I suppose it's conceivable that your copy of the Amazon app didn't correctly register for Universal Links when first installed. You could try deleting it and reinstalling.
I know this is an old question, however I did post an answer that seems to work currently which might help someone:
I too had mixed results with universal links, it worked on some devices and not on others even though the Amazon app is installed.
In summary, what I did was:
Using https://www.appsight.io/app/amazon I was able to get the URL Scheme for the amazon app
I whitelisted that URL scheme in my info.Plist
I added some code to check if I can open the amazon app using the scheme otherwise I should fallback to using Universal links
Exact code I used is available on my answer here.
I have a website built with materializecss. Its working flawless on windows or android platforms but its not working properly on ios. Does anyone know about this problem?
I mean by not working is not having pictures loaded and all tabs opened one under another etc.
You can try this sites written on materializecss framework.
http://www.absurdoburger.com.br/
http://www.straphq.com/
http://explore.visitsarasota.org/visitsarasota
http://softvar.github.io/
https://stamplay.com/
http://closeheat.com/
All sites work great on my Iphone 5s (safari)
What do you mean by "all tabs opened under one another". Could you paste your code? We've managed to make it work great on http://closeheat.com.
Problem
Greetings Stack Overflow community.
I have an issue with the iOS.
Currently, I am working in a web application with a mobile skin full responsive.
In the PC version everything works fine, same happening with android. Everything run's without any problem. But with the iOS I have some issues.
First, I had a bug with the file upload. I couldn't upload any file. I searched everywhere and then i find out that the version i was currently using had some serious problems with the file upload (iOS 8.0).
So I updated and now I have the 8.1.2 version. File upload its just working fine but now I can't see the pictures that I upload. The app returns me this:
Open file;
Open file with...;
I click in the options but nothing happens...
Could you please help me?
In advance thank you!
PS: It's an app with PHP/HTML/CSS. The normal web app style with a mobile skin.
Solution
I found out the solution and I forgot to post.
The safari mobile browser and chrome mobile browser doesn't read pdf files however the desktop browser reads. So, I've made a new File Reader PHP Class and everything is now fixed. If anyone needs help please let me know, I'll have all pleasure to help.
Thanks anyway :)
I've been doing lots of work in getting a few web apps to work offline on iOS using the HTML5 manifest. I've ran across the typical problems everyone else has and fixed them and everything seems to be working fine—except in the case where I save the web app to the desktop on my iPhone 4.
If I do this and then enable airplane mode, I get the following alert when trying to access the app via the home screen: "your-app-name could not be opened because its not connected to the internet." Accessing the app via Safari browser works fine while offline.
If anyone knows if this is an error on my part, or even the slim possibility of a work around, do tell.
Even downloading the new Financial Times web app (very well done with extensive localStorage support) results in an error when accessing it offline from the home screen.
Technical specs: Running iPhone 4 with iOS 4.3.3 (but also saw the issue in 4.3.2)
After reading the comments (especially Rowan's) I ran more tests and found the answer:
No, Apple did not disable HTML5 offline capability for web apps saved to the home screen, it works - for the most part. There is a bug that will make it not work. It doesn't seem to have anything to do with your manifest setup (unless perhaps it downloaded a bad manifest or incomplete manifest at one point.) We don't know how widespread it is but the fix is to clear your Mobile Safari Cache.
Here's the steps:
Close the web app (make sure its not sticking around in the background).
Cleared Mobile Safari cache: Settings > Safari > Clear Cache
Reopened the app (for caching).
Close the web app again (make sure its not sticking around in the background).
Enabled "Airplane Mode": Settings > Airplane Mode
Reopened the app.
It should now work offline. If it doesn't then its probably a separate manifest issue in your app. Looks like a weird bug with the browser cache - or perhaps the cache was completely full? Who knows, but that's the answer. Thanks guys.
iOS seems to be very sensitive to load issues when offline.
I was getting your "could not be opened" error when offline on a page I was working on. The problem turned out to be that the page created an iframe pointing to a site that didn't have an AppCache. Removing those iframes fixed the issue.
In my case, I handled it using window.navigator.standalone which tells you whether you're running in an iOS homescreen app. The code looked like this:
if (!navigator.standalone) insertFrames();
add this to your html:
https://web.archive.org/web/20170201180939/https://jonathanstark.com/blog/debugging-html-5-offline-application-cache?filename=2009/09/27/debugging-html-5-offline-application-cache/
I found it massively useful - even though I've created my manifest file and compared it to other people's manifests this JavaScript debugging script gave me the clue I would have never found otherwise. I apparently had syntax error in my manifest ... long story short I had to remove everything and add the paths to each file/image one by one. The end result was the same however it worked... how weird!!! does whitespace / comments affect the syntax of the file?