My website displays perfectly fine on my desktop browser, Android devices but not on any iOS devices. I just get a white screen. Any idea on how to fix it?
Screenshot on Android device
Screenshot on iOS device
I might have a JavaScript call that's not working in iOS. It could be a 3rd party polyfill that is failing and causing some other issues as well. I don't know any better method for debugging iOS.
Related
I have been trying to google around for a few days to find some kind of answer, but is their a difference between how iOS mobile devices understand JavaScript, vs Android?
I currently have some code that works as expected on Android (Chrome/Edge), and on Windows (Chrome, Edge, IE 8). But once we get to iOS devices, it doesn't work as expected.
I also tried to see if I could find an emulator for iOS mobile, or just downloading the mobile Safari browser, but wasn't able to find one (that didn't have a cost related to it).
I found the issue, it was related to the selectors in the code not being completed - Chrome got it, but safari didn't.
I have a problem with the https://konfiguratorszkolen.pl/ webpage - it works fine on desktop, but breaks on mobile devices.
On mobile, it loads at first and everything looks fine, but after a 1-2sec it shows "aw, snap" error. I've checked it only with Chrome and Safari on iPhone, but I believe it's a general problem.
I've already checked the website on
https://search.google.com/test/mobile-friendly
and
https://developers.google.com/speed/pagespeed/insights/
and the result are alright (mobile performance would be better).
What might be the problem? How can I debug this issue on mobile (of course works fine on a desktop browser)?
Here is the repository (it's only a code look-in): https://github.com/KamilSobieraj/Konfigurator_szkolen
What you're looking for is called remote debugging and is available for firefox, chrome and there's even solutions to debug iOS safari from your computer (no Mac needed).
I am using polymer paper elements in my polymer app. Its looking great in all desktop browsers. I tried this demo in all browsers. It working nice in some android phones (samsung s4). But in some android phones, I could not see anything (Tested using chrome and default android browser on samsung gt i9070, Micromax A90). I tried to load URL of mentioned demo on android webview, It was not working in many phones (Micromax canvas A114).
I gone through browser compatibility page Which shows, It supports in chrome android. but not observed by me. Is this observed by others ?
I have installed a slider into a website, it is viewable with IE, mobile devices ETC, but it does not work with chrome. Is this as simple as using an IF statement to sort this?
You can see what I mean at http://www.test.hdwebdesigns.co.uk/SIM/ you will see it works in IE and mobile devices but not chrome.
I am unable to upload to JSFiddle, so I have uploaded a RAR file of the site here http://www.test.hdwebdesigns.co.uk/SIM/SIM.rar
There exist javascript APIs for adding bookmarks to browser using javascript, but it works only on Desktop
Firefox
window.sidebar.addPanel(location.href,document.title,"");
IE
window.external.AddFavorite(location.href,document.title);
http://www.hostingfanatic.com/webdev/add-to-bookmarks-javascript/
The above site hosts the code for it, the functionality works in Desktop FireFox and InternetExplorer but not in Desktop chrome or Safari.
The add bookmark also doesnt work on android default browser or android FireFox browser.
It also doesnt work on IOS Safari, on IPad 1 and IPad 2
Is there any javascript API that allows the add bookmark functionality programmatically via javascript in mobile browsers?
If not, is there any other way to achieve this programmatically in mobile browsers?
Also will Phonegap or rooting the android phone, help in any way to achieve this?
I am open to all views.