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
<meta name="apple-mobile-web-app-capable" content="yes">
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
<meta name="apple-mobile-web-app-status-bar-style" content="black">
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
<meta name="format-detection" content="telephone=no">
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.