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.
posted @ 2017-05-05 10:37  大木水可  阅读(1284)  评论(0编辑  收藏  举报