iOS safari different than iOS desktop shortcut to same website - javascript

I made a webapp that has a spinner while the login form is submitted using javascript, the spinner stays on the page until the page switches. I have tested this with Safari, Chrome, Firefox on an actual computer, on Chrome and a Desktop shortcut on android, and with a desktop shortcut and on Safari for iOS.
On Safari for iOS the spinner disappears after only a second even if the login takes 2-3 seconds, but on the same device if I use the Desktop shortcut it will stay the entire time. Is there a reason that I am getting different functionality from the same webapp from the same device?

Related

JavaScript in Blogger does not work in mobile browsers

My page in blogger website works fine except in the mobile browsers.
The page is here.
Basically, It's a text generator script that is perfectly fine and working but only on desktops not on mobile browsers but when I shift the mode from mobile to desktop browser in the android phone using chrome app it loads the script but in the mobile mode, it's not working at all.
I was wondering if there is any way to fix this.

Website displays on desktop browser and Android devices but not iOS devices

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.

How to force a link to open in safari instead of webview?

IOS webviews do not support WebRTC - only Safari on IOS does.
How can I force a page/link to open in real Safari, instead of a webview?
For example, the Gmail app opens all links inside a webview. Instead, I want them to open in Safari.

Open safari ios from chrome/mozilla ios

i have created a page which is optimized for iOS Safari, now i want to add a link on my page to redirect the user to the same page but by opening the safari browser, if the user is using chrome iOS. Is there a way to do it? I have found this answer(JavaScript for iPhone to open in Safari from non-default iOS browser) but it seems to be not supported anymore.
Thanks in advance for an answer.

adding bookmark to mobile browser using javascript

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.

Categories