I'm currently working on a Wordpress site and am having an issue specifically with Galaxy S4 and other versions. It seems to work fine on all other mobile devices, on multiple mobile browsers (Chrome, Safari, etc.) After doing some research I've seen a couple of people having the same issue but no real answer to the problem.
The issue even recreates with emulators built into the desktop browsers, so I have tested it on multiple version of Galaxy using Chromes emulator and the same issue occurs as on the hardware device.
Here is the link to the site I am working on: http://beta.iqcando.com/
I'm truly at a loss as to what could be causing this, as it appears to be fully mobile on other devices. Any suggestions or solutions are welcome, thanks in advance!
There is an
overflow-y: hidden!important;
on your html in style.css on line 109.
When you remove that the scroll works fine ;)
If you want to debug your site on mobile, on chrome you can install sdk and then use chrome to inspect the mobile version of your site.
https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging
Related
I built a website in Rails and it is rendered properly on most major browsers, on computer and phone. However, on my phone (an LG G3) which has a browser called Internet (version 5.2.34b13) I can't open navbar, I can't sign up and some other small features are not there. On the same phone it works fine with Chrome.
Has anybody had any similar problems? How can I fix this?
Jello Al-Josh!
It sounds to me like it is a cross-browser issue and has nothing to do with Rails. I'd recommend you to use the Autoprefixer gem ( https://github.com/ai/autoprefixer-rails ) to sort out CSS vendor prefixes issues.
My purpose is to emulate samsung galaxy s3 and Samsung Galaxy Tablet and use their respective internet browsers to test how each device renders a webpage.To work the code more efficiently I'll need to have an inspector, similar to the one Apple offers in the Safari browser integrated with the iOS simulator).
Is there any plugin that enables the user to use a console and inspect the website from the AVD browser?
Just found this amazing tool: Google Chrome Canary. It was exactly what I needed. I can use the chrome console to inspect any element I want and also emulate a wide variety of devices. Here is how to .I strongly recommend it to any user!.
Do I need to install an emulator of some sort? Are there any online services that offer this? I've found little guidance elsewhere on this matter. I'm on Windows 8, just trying to figure out (locally) why my android users are experiencing issues with an MVC app.
The easiest way would be to download and install the Android SDK and use the emulator to try and reproduce the problem. The SDK has emulator images for all versions of Android, and you can create devices with different screens (resolution/dpi/size), so if your site uses responsive design you can test also how it scales across different devices and whether the problem affects one specific or all Android devices.
However, it is possible that the emulator might not be good enough for reproducing and understanding the problem. The Android SDK images come with the browser that is part of the Android Open Source Project (AOSP). While this browser is technically based on WebKit, it is based on a rather old version of it. Most OEMs that have built Android devices have signed the Google Mobile Services (GMS) license ship on their devices the Google suite of apps which includes the latest version of Chrome, which is based on the most recent WebKit version. The difference in the behavior between the two browsers is rather big.
So if the problem turns out to be with Chrome instead of the AOSP Browser, you will have to buy a real device and test on it. Depending on the budget you have and whether you want a phone or a tablet, you can go with a Nexus 5 ($350 w/o contract), Nexus 7 ($230 wifi only), or a Moto G ($175 w/o contract). Of course, you could also buy Samsung Galaxy S4, HTC One X, or a Moto X, but they all will cost you more.
It might be worth also borrowing from someone a Samsung Galaxy Ace 2, or equivalent low end MDPI device.
well, you can install an android emulator and use the browser there (http://developer.android.com/tools/devices/index.html), but it's extremely slow,
so you should, instead, try Genymotion. It's an android virtual machine and it's pretty smooth. (http://www.genymotion.com/)
another option, is the Opera mobile emulator, but that is specifically for the mobile Opera browser. (http://www.opera.com/developer/mobile-emulator)
if you want a chrome specific approach, try this (https://developers.google.com/chrome-developer-tools/docs/mobile-emulation)
http://developer.android.com/sdk/index.html has the emulators.
… but it may be just as cost-effective to just spring the $40 for a cheap Android tablet with WiFi.
I have a small HTML game which works fine on all browsers including mobile browsers.
The only problem is with Opera Mini browser on Android devices.
I can debug my game on Chrome using ADB chrome plug-in. But is there any way to find out what's wrong on Opera mini?
This may help you : Remotely debugging Opera for Android
The accepted answer (about Opera for Android only) do not cover Opera Mini specifically.
For Javascript debugging, there is an Opera article/blog Opera Mini and JavaScript published in Sept 2012, describing the process in details using MicroEmulator.
Essentially you can have a server:console report with console.log() also supported.
PS: I doubt an HTML/JS game is going to work in Opera Mini though.
Having a web site work on Opera Mini and look decent is hard enough. ^^
What's wrong with Opera Mini in this case is that it processes Javascript on the server side.
MY jquery mobile app m.dosomething.org works fine on Iphone but on Android and Motorola keeps popping up keyboard on the form. It works fine with Android on my HTC. I tried with different Jquery mobile versions but does not seem to work for now. Also with out the android SDK , its kind of tough to test. Is this a common issue for Androids on Motorola ? Is there a way to resolve this?
I upgraded my Jquery mobile version to beta and Jquery version to 1.6. That seemed to have taken care of that issue for now.
Thanks for the help