Safari浏览器 Html 引用 meta扩展标记

Safari浏览器中，Html页面<head></head>标记内，可以通过meta标记对浏览器对一些默认设置进行修改。

apple-mobile-web-app-capable

Sets whether a web application runs in full-screen mode.

——设置一个Web应用是否在全屏模式下运行（即是否取消显示苹果的工具栏和菜单栏）

Syntax

Discussion

If content is set to yes, the web application runs in full-screen mode; otherwise, it does not. The default behavior is to use Safari to display web content.

You can determine whether a webpage is displayed in full-screen mode using the window.navigator.standalone read-only Boolean JavaScript property.

Availability

Available for iOS.

Support Level

Apple extension.

apple-mobile-web-app-status-bar-style

Sets the style of the status bar for a web application.

Syntax

Discussion

This meta tag has no effect unless you first specify full-screen mode as described in -apple-mobile-web-app-capable.

If content is set to default, the status bar appears normal. If set to black, the status bar has a black background. If set to black-translucent, the status bar is black and translucent. If set to default or black, the web content is displayed below the status bar. If set to black-translucent, the web content is displayed on the entire screen, partially obscured by the status bar. The default value is default.

Availability

Available for iOS.

Support Level

Apple extension.

format-detection

Enables or disables automatic detection of possible phone numbers in a webpage in Safari on iOS.

Syntax

Discussion

By default, Safari on iOS detects any string formatted like a phone number and makes it a link that calls the number. Specifying telephone=no disables this feature.

Support Level

Apple extension.