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.
Related
I have a front-end component for a project that's exhibiting the following bug:
There's a button at the bottom of the screen of one of my Panes and ONLY on chrome on iOS does the button not show. If I tap the address bar, then the button appears presumably because the pane has redrawn itself.
The other problem is that I can't recreate the bug. It only appears on a client's web app. Things that could be super helpful:
what's a good way to inspect Chrome on iOS? (I know how to inspect Safari on iOS, Chrome on Android, but not Chrome on iOS. I've also already tried the devtools mobile emulator and it does not reproduce there)
any related posts for bugs on Chrome on iOS (I've done some search already but if anyone has something deep in the internet that they remember)
any knowledge of how Chrome renders things differently than Safari for iPhones
any ideas on intermediate solutions
any ideas on potential causes
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).
We've been facing an issue for several days trying to figure out how to make our website works perfectly on android browsers, the problem is that the text comes overlapped on android devices, how ever there's a good solution for the newer android versions that does have the Google Chrome browser installed by default, we added a code into the header that fixes that text issue, here it is
I'm surprised that the issue is still happening on the Android internet browser, here is a screenshot of how it is working on Internet browser ( URL: http://compassgames.net/test/ )
All other browser is fine, Desktop, iOS, Android Google Chrome Browser
I would love to know the solution as many of my users/clients does actually have that Internet browser installed.
Waiting for your replies
Thank you
Cheers,
Ahmed
I need to debug a Javascript on iPad Safari (iOS-6). I guess this can be done using remote debugging by connecting it to the Mac (or using a xCode iPad or iPhone simulator instead of connecting an actual iPad). I also need to turn on Safari->Advanced->WebInspector on the iPad and Safari->Preferences-> Advanced ->check the "show Develop menu in the menu bar" option in my macbook. And then when the Develop option appears in the top Safari toolbar (I dont know the exact terminology for this) I should be seeing my iPad there and then can start remote debugging. Now everything is fine except the fact that I cant see the ipad (or the simulator as I tried both option) in the Develop option in Safari. Any ideas/thought what am I missing here?
You must have at least Safari 6+
Looks like you can't on Windows unless you're doing some form of emulation--
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html
"Important: You can only inspect apps on devices that have been transferred to your device from Xcode. You cannot inspect apps that have been downloaded from the App Store, even if it is your app."
You also need OSX 10.7 and safari 6, which doesn't exist for windows yet. :(
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.