There are quite a few css/html/javascript tricks to get certain desired results. but they are outside of construct 2, straight in the index.html file.
I believe a very comon one is getting your user to make a link on their device home screen. That should make your web app an app like style concerning screensize and adresss bar.
For the adress bar, there are tons of approaches, from having a scroll up event, to some zooming action.
There are also various browser specific settings to hiding the bar.
You could simply apply all :) or have some browser detection going to determine which to enable...
For the view modes there are options so you detect current orientation, and then perform some action, like, from blocking the entire view and showing a text that the user needs to rotate the screen, or rotate the screen yourself if its in the wrong position, near effectively giving a lock function ...
A quick search got me :
<style>
— (orientation: landscape) {
body {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
</style>
just add that in the head of the index.html file.
instead of rotate, you could have a black div cover the entire screen, with some white text in the middle mentioning to rotate.
Its not perfect, but its a start ;)
:)