iOS 8: How to Achieve a Soft Fullscreen Experience After the Removal of \'minimal-ui\'?

iOS 8: Alternative Soft Fullscreen Solutions After Removal of "minimal-ui" Viewport Property

The "minimal-ui" viewport property, introduced in iOS 7.1, allowed developers to hide the address bar and navigation menu on iOS devices. However, this property has been removed in iOS 8 beta4.

Q1: Is it still possible to hide the address bar on Mobile Safari?

No, it is not possible to hide the address bar using the "minimal-ui" property.

Q2: Is it still possible to have a similar soft fullscreen experience?

Yes, it is possible to achieve a soft fullscreen experience without using the "mobile-web-app-capable" meta tag.

Solution:

A new library called Brim (view manager for iOS 8) provides a solution to this problem. Brim works by creating an invisible element with enough height to enable scrolling. This ensures that the user can enter and remain in the minimal-ui view.

When the page enters the minimal-ui view, Brim disables document scrolling to prevent accidentally exiting the view.

Q3: Is a fullscreen experience worth the trouble?

The answer to this question depends on the specific requirements of the web app. If accessibility or shareability is a priority, it may be better to avoid implementing a fullscreen experience. Otherwise, the added screen real estate can be beneficial.

Conclusion:

While the removal of the "minimal-ui" property in iOS 8 presents a challenge, it is still possible to achieve a soft fullscreen experience using alternative solutions like Brim. Developers must carefully consider the trade-offs involved when deciding whether to implement such a feature.

The above is the detailed content of iOS 8: How to Achieve a Soft Fullscreen Experience After the Removal of \'minimal-ui\'?. For more information, please follow other related articles on the PHP Chinese website!