h5 app settings fullscreen

h5 app full-screen and immersive status bar is not the same

Full Screen Mode

Common usage scenarios: If the page is full screen game, usually directly to the status bar disappears, the page is full screen. webview height of a full-screen, the status bar is gone.
Writing:

Terminal Support:
no restriction Terminal Type
Height: comparison with the same transparent status bar, Webview height = height of the screen, the status bar is not displayed height of 0 foreground content. Note dom adjustment in the fix elements.

Instructions

Add fields to the next check full-screen mode, you can also directly before the configuration file manifest.json file, add the root node "fullscreen": true root should understand it

{ 
 ..., 
// This is the root node 
 "Fullscreen": to true 
}

 

Note that if the screen is a screen bangs, his status bar area will continue to exist, most mobile phones are now bangs screen, so this approach can not meet demand

Immersive status bar

The status bar transparent (immersive)

Common usage scenarios: If the top of the page is a picture of the general status bar will become transparent, then simultaneously processed to recover a solid color title after rolling, such as streaming applications 36kr:

 

 

The need to change three places

 

First cancel full-screen mode full screen mode configuration will reset the configuration immersive status bar

The second add three fields in three places and save on ok

I'll talk about the next chapter Ji chisel blank part of the program after hiding the bottom of the navigation menu full screen mode