I have developed a mobile based web site targeting all the phones and tablets. The page loads fine on android devices and phones. But the web site takes lots of time to load on the chrome browser on IOS devices(Iphone, Ipad) and when it does load the css styles break, there is no problem in opening the website in safari browsers on IOS. What is cause of this problem, is it the browser ?
I came across few articles which mentioned that there is problem with chrome on IOS, how can I fix this or is there a solution for this problem. Any answer will be helpful.
Thanks In Advance.
Related
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
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.
I know both use the same webkit version (537.36) and both use the same javascript engine (V8), but are there any other major differences between them?
I have a webapp with automated tests for desktop Chrome but nothing for Chrome on Android. I'm trying to decide if I know it works on desktop Chrome do I need to go through the trouble of testing it on Chrome on Android, or are they similar enough that I should have confidence it works on both.
Thanks!
Main difference is that Android don't have Flash because of the HTML5 implementation, and also there's a lot of different screen sizes and users don't like to zoom in and out a pan and zoom again, so the best you can do is to create a web designed for mobile devices.
On the other hand, if your site is mainly HTML and Javascript, will work 100% on mobile Chrome. I have a HTML5 game and works equal in desktop and mobile.
Also, you can download the Android SDK and test your site in a bunch of different Android versions and screen sizes with the AVD, is like an official Android emulator.
I wanted to ask what other people in the industry are doing with regards mobile browser support and is there any way of being able to understand the breakdown of what actual browsers people are using and not simply their OS, for example I have Safari, Opera, Chrome and Skyfire installed on my iPhone and tend to use Chrome most of the time.
I assume that they will still render differently?
Any help would be appreciated, thanks
I've developed the mobile html application with jquery mobile and css. My targeted devices are both iPhone and android.
I've used the basic syntax for html such as table and div tags in coding. For design, i've used jquery mobile. The problem i am facing is that, my application runs successfully in iPhone simulator. but when i test in android emulator, the jquery styles are not applied. I dont know whats the issue.
Need your help in fixing this issue.
Thanks,
Balu