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
Related
I hope you can help me to solve this problem, I'm using a responsive menu plugin (eDs responsive menu, it uses sidr) on a WordPress site, I tested it on android with default browser, chrome & cm browser.
In chrome displays correctly, but in default browser & cm browser when I open the responsive menu, It's in blank, the same happens with safari on iOS.
I think that it's maybe because some incompatibility with some CSS tags with those browsers but not sure which ones, Can you give me ideas so I can try to find out what is going on.
Here are some image samples:
Blank menu in default android browser
Menu displaying correctly in chrome
Maybe this answer doesn't apply por everyone and is not complete, but the problem is the css tag: position: fixed combined with some transitions, it's android default browser and safari problem. I haven't found a fix for this yet.
I am developing a site that is using CSS animations for a background slider. There seems to be a problem with the images loading on Galaxy S3. Is there something I can do to fix this? Do older phones not support animations?
Here is the site: capelos.gonzbergagency.com
And here is the demo it is based on: http://tympanus.net/Tutorials/CSS3FullscreenSlideshow/
CSS capabilities are provided by the web browser, not by the phone, verify online whether your browser version supports the CSS you used.
Also, try a modern browser like Firefox for Android or Chrome for Android, if you haven't already.
I need to create a simple app that acts like a launcher and keeps the chrome browser (must be chrome due to heavy HTML5) as main app with a certain url with a device that runs Android 4.2 and cannot be upgraded neither rooted. Best would be if I could embed the chrome browser frame and hide all controls.
I already managed to write launcher apps with XE6 which minimize the risk of accidently leaving the app by interception "back" and being the default home app.
I know of the CEF in Windows, is there something similar under android?
The FMX mobile browser component TWebBrowser is a wrapper around the native platform browser. On Android that means it wraps WebView which is a modern WebKit browser with HTML 5 support.
So, it seems to me that the obvious way forward is to use TWebBrowser. From what you've described of your app, however, it might be simpler to code it in Java. It would certainly be more lightweight and you'd be sure to have easy access to all WebView functionality.
WebView wraps Android WebKit before Android 4.4. With Android 4.4 and newer WebKit wraps Chromium. For your 4.2 device limited HTML5 support is already available in WebKit.
Some advices are collected on http://blog.guya.net/2013/10/24/the-pains-and-remedies-of-android-html5/
If I skip all advices which are for pre 4.2 devices, the remaining list of issues and remedies is quite short.
None of the parents HTML elements to the canvas should have overflow: hidden or overflow:scroll
Wait a few (~100 millisecond) after the DOM is ready to ask it what’s the window size is.
Styling text-inputs that has focus: https://stackoverflow.com/a/9464837
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'm trying to see if I can implement a rudimentary external scrollbar for an overflow:scroll box area and everything works on a browser on my computer and Firefox on the tablet, but it doesn't seem to work at all with the stock browser.
Is scrollLeft not supported? Is there any alternative that I can pursue?
Thanks!