Can it?
I've tried and it run OK on PC but none of my mobile device success (ipad, nexus 7, samsung galaxy S3, Kindle fire HD...)
Browser support for the Full screen API is actually very poor according to http://caniuse.com/#search=fullscreen
If you really need to use the whole screen for your application, you should find an alternative for mobile users.
This Javascript hack may help you: http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/
Related
Does anyone know if there is a way to have a working fullscreen button on a browser on mobile devices in WebGL Unity build? I've seen some topics here that it is not supported on mobile devices, but only on tablets. But anyway it is kinda a dealbreaker for us and we need to make this work. Thanks for any response!
I use Chrome Debugger on my PC to debug my web application, and it has a new handy feature where I can set the debuger to a mobile device, in this case Iphone 7.
Supposedly this allows you to emulate a mobile device. However, despite doing this I am getting different results, that is, it is not emulating the iPhone 7 device accurately.
There is an SVG component completely missing in the mobile browser. Very odd.
I have never troubleshot my web app on a mobile device, but need a means to do this. I also need a means to report the debugger as not accurately emulating the mobile device.
I did some googling and found this SO Q/A, however it is about 10 years old.
Here is a screen shot of the emulator and the icon that is actually missing on my mobile device:
Those situations are tricky...you need to use a device emulator such as https://crossbrowsertesting.com/
I'm trying to test which keyboard type comes up by default for certain inputs on iOS and Android. Is there a way to bring up the on screen keyboard in Chrome devtools phone simulator?
So far I have tested the iOS version of my website by running the xcode simulator and pointing to my website but it would be really convenient to use devtools.
Update: 🙁 Virtual keyboard support is deprecated in Chrome 68+; this answer no longer works.
Original answer
You can view the standard keyboard for the Nexus 5X device for the portrait or landscape view:
However, you can't interact with it, nor does it change based on the context it is called from. I found by inspecting DevTools that it is simply an image file overlayed onto an SVG. There's nothing smart going on with these profiles. It's just useful to look at how the app responds to the reduced space.
To test the proper behaviour of keyboards with context, I would just recommend using XCode and Android emulators, or better still use real devices.
See: Test Responsive and Device-specific Viewports
i just bought the new nexus 5 which screen is on full hd.
My surprise was not so good when I opened chrome and I saw that the browser was not showing websites in full hd but in a ridiculous 1024 resolution. Searching on the parameters and on the web I didn't find a way to change the resolution to 1080.
Can't you tell me a way to get a full hd phone browser ?
Thank you !!!
Not sure what you are referencing. The browser does not "downsample" the content. I have a Nexus 5 myself and have no issues with the Chrome browser
I have started coding for mobile browsers (i.e. iPad, Galaxy Tab, etc). For a starter, I don't have budgets to get all the tablets for testing (I wish I do :D). Anyway, I am looking for a decent mobile browser simulators. I have looked into Ripple (only works in Chrome), MobiOne, and PhoneGap simulator. But all of these are not that up to par. Can someone recommended a decent one? and it will be great if it is also open source.
Thanks in advance
A good list of emulators and simulators are here: http://www.mobilexweb.com/emulators
For iPad, the only simulator I know of is built into XCode when you compile or run. You have an option of previewing in iPhone or iPad, and though the screen is hard to read, it's manageable if you click on 2x button.
If you're developing for android, the Android SDK has one.
http://developer.android.com/sdk/index.html
if you just want to quickly view how a webpage would render at various mobile device resolutions then here is a nice little webpage...
http://synthphone.com
you can even link directly to a url via query strings. for example, here is one that should load the Sencha Touch 2 carousel. Use your mouse like a finger to slide around the images etc.
http://www.synthphone.com/?u=http://dev.sencha.com/deploy/touch/examples/production/carousel/index.html
have fun!