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.
Related
In Android, I need to test my app against a variety of websites. My app needs to view the site's mobile content and not its full desktop content. In Google Chrome for the desktop you can set the user-agent to fake the browser to be seen as a mobile device. But the browser in Android may indicate to the site that it's a desktop size. Is there some way to force Android's browser to retrieve only mobile content?
Is this what you need?
Are you using a Webview?
http://developer.android.com/reference/android/webkit/WebSettings.html#setUserAgentString(java.lang.String)
I need to create a photobooth mobile application and decided to use HTML5 to work on my mobile application. Currently, I am using the getUserMedia method which works perfectly well on my laptop webcam. However when I tried to test it out on my phone as an mobile application, it could not work and all it shows is a video icon. Which leads me to find out that getUserMedia does not support in Android Browser.
I would still like to continue using HTML5 to get my photobooth mobile application working but how can I access the camera in my phone and is it possible to do it?
As you can see on "Can I use" the getUserMedia isn't yet available on most mobile browsers. The latest Chrome for Android should support it though.
Using <input type="file" accept="image/*;capture=camera"> seems to work on most modern mobile browsers.
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/
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.
I want to test android mobile based pages on browsers like chrome or mozilla. Is there any plugins available so I can directly test them on these browsers without running them on device or emulator?
I created this chrome extension to help test. It's not a perfect replacement for actual device testing, but it's a start.
https://chrome.google.com/webstore/detail/mobile-tester/elmekokodcohlommfikpmojheggnbelo?utm_source=chrome-ntp-icon
This site shows you one possible way to do it.
http://techie-buzz.com/tips-and-tricks/emulate-mobile-browser-in-firefox.html
Once you have your user agent set you can just resize the window to be phone screen sized.
On Mozilla Firefox, you can use Selenium IDE to emulate clicks, typing and other actions. Personally, I have never tested it for mobile web applications.
http://seleniumhq.org/