onkeyup event is not working in mobile phones - android

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.

Related

embedded google sheet not editable on mobile devices

I have a google sheet which I want to be editable from my web app (embedded using an iframe) and I have set the correct permissions.
The code is like this
<iframe width="1300" height="800" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/10V-_rutEKaQ19yVmMFz2Fs4f4rdibfKIivLIwTBVp6g/edit?usp=sharing"></iframe>
While everything is OK on my PC and Linux laptop, for some reason editing is not possible on mobile devices (both Android and iOS).
The only way I can edit the sheet on mobile devices is by opening it directly with the google sheets app.
Any ideas?
It works only if I specifically in mobile Chrome request desktop version of the site with embedded document. After that desktop version of site is reloaded and I am able to edit document inside browser.
I tried to find a way to specify in worpdress explicitly to always load "desktop version only" on mobile, but without luck.

Debug Android application on Firefox

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.

How to debug and view HTML ans CSS source code for Android default browser?

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/

How can I debug HTML elements and javascript in Android and iOS?

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.

Debug Sencha App in Mobile Browser

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.

Categories

Resources