It is work fine in mobile chrome but cannot display in inAppBrowser.
I want to know that why they have different.
Did I need to add the javascript ti index.html?
Related
Is there a way to record the phone's screen on Ionic? I tried a cordova plugin called screenRecrod but it does not work anymore. Any suggestion? I have tried to find a solution for one week but unsuccesfully.
In tour search, don't focus on ionic or cordova, make your search on how to record screen in javascript. And from javascript code you can make you service for recording .
But be aware, some codes are made for specific browsers, so check your results if they are compatible with safari, chrome and ie since these what are used in ionic.
Check this reference below, i used it previously from widows but check if it also works also on device browser or either still works.
https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture
I am building a web_app using Cordova.
With the image tag :
<input type="file" accept="image/x-png, image/jpeg" value="Take a picture"/>
When I click on the input tag it let me choose images on device.
It works fine on iOS 7 , iOS 8 with Safari and Android 4.4 with Google Chrome.
My problem is, when user open my web app on device. They can do some steps on it. But suddenly the have some other task to do like "answer calls, reply text messages".
After that, they back to my web app. In Safari or Google Chrome, my app will reload. The user must start at the beginning.
I solved this problem by using Cordova. It works well.
Except on Android 4.4 the WebView component looks like doesn't support choosen file when I click on input tag.
I dont want to use Cordova Camera plugin. Because with my current implementation It's hard.
Does anyone have the same problem with me?
I want to use chrome functionality in my android old webview with some limitation like video chatting. but when i open that link on chrome then open camera option and work fine.But for older version of android default browser or webview not work for me.
If anyone have any idea tell me.
I would like to have my web app hide the browser tabs and address bar on Chrome on mobile. document.documentElement.requestFullScreen() seems to have no effect. window.scroll(0,1) doesn't work either on tablets.
If possible, I'd also love a good solution for Chrome and/or Safari on iOS.
Any ideas? I'm on Chrome 29 for Android.
Check this sample: here
try to use webkitRequestFullscreen()
Also "Lowercased the "S" in requestFullscreen() and changed document.webkitCancelFullScreen() to document.webkitExitFullscreen(). Updated browser compatibility comment."
via
Let-Your-Content-Do-the-Talking-Fullscreen-API
I am making a mobile site and I have a problem on a Samsung Galaxy s3. The thing is that my chosen font-size looks fine in Chrome, but is too small in the native Android browser.
On the other hand if I increase font size, it is too big on Chrome.
Is there any way to target Android browser, or to alter it's behavior?
visit this page from your android browser: http://whatsmyuseragent.com/
you will get the user agent of your browser and that is an attribute you can differentiate browsers by.