I have been working on a project which uses SVG animation.
I works perfectly on PC browsers but it doesn't work in iOS safari and chrome.
And it partially works in android stock browser.
Please help me how to debug it.
The mobile Chrome browser has a remote debugging interface.
If i remember correctly, mobile Safari has a debugging console. It's not quite as comprehensive as the remote debugging, but it's okay for rough debugging. If you are on OSX, then xcode might have a more comprehensible debugging tool for mobile websites.
Related
I'm currently using Firefox Developer Edition as my default browser (especially at work). The problem is that didn't find a way to debug my applications on it, on chrome I just go to chrome://inspect and there it is. On Firefox's Web IDE I find my device but it only show me the webpages I have open, not the app.
These applications I'm referring to are built on top of Cordova using JS, HTML and CSS.
Is there a way to do it Gecko/Firefox or just on chromium based browsers?
FF Web IDE is only made to debug Web or Firefox OS apps. You cannot debug a Cordova app from FF. You need Chrome.
I always have issue with the CSS styling in the default Android browser while building my responsive website. What I usually do was doing trials and errors on pc until the problem was solved.
There is a tool for chrome browser:
https://developer.chrome.com/devtools/docs/remote-debugging
but chrome usually display fine for me just that I need a debugging tool for the default Android browser. Is there any solution for this?
I'm not aware of any way to test on the old android browser using remote debugging, as new devices nowadays (Anything post 4.0) have chrome installed by default on Android.
One method you can use to help with testing responsive/mobile sites is using Chrome's mobile emulation tool
Either select a device on that list, or fake out the user agent with something from this page http://www.useragentstring.com/pages/Android%20Webkit%20Browser/
Good Day!
I am a newbie to the mobile tech. I have a question hope you can give me some tips or help.
My problem right now is i have a sencha app. I try deploy it using android eclipse.
1.How can i debug it from mobile?
Note: I already installed a chrome dev tools from my laptop, but the problem is that when the application launch in my mobile it doesn't use a browser.
2. How can i call my sencha app in the chrome browser mobile.
Thank you in advance.
Sincerely yours,
Jhon
Are you mainly trying to access the same dev tools that the Chrome browser gives you? If so, there are a few solutions out there. For Android you can use weinre for remote debugging:
http://people.apache.org/~pmuellr/weinre/docs/latest/
In fact, PhoneGap had a hosted instance of this online a while ago, last I remember (quite a while ago) it was down for a long time, but I just checked and it appears functional:
http://debug.phonegap.com/
It will probably run slower than your own weinre, but it saves you the trouble of dealing with setting up on your own server.
If you are working on iOS there is actually a rather nice way built-in to iOS/OSX. You need a machine with OSX on it, plug in your iOS device or run the iOS simulator, and then open Safari on your laptop/desktop. Safari has a develop menu, allowing you to open debugging tools (inspector, console, etc) for your remote devices.
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 m developing web app that must work in all smart phones
my code is like :
<input type='text' style='width:50px' onkeyup="abc()"/>
and js is like:
function abc(){
alert("something");
}
its working in my computer's browser but its not working in my android phone's browser.
What to do..?
You could try debugging your mobile browser with something like WEINRE or install Adobe Shadow (which uses WEINRE).
WEINRE is essentially a remote web inspector akin to Developer tools provided in Chrome or through Firefox Firebug.
That may help you see the errors and trace the problem.