移动端meta标签
在移动设备浏览器上,通过为viewport meta标签添加user-scalable=no可以禁用其缩放(zooming)功能。这样禁用缩放功能后,用户只能滚动屏幕,就能让你的网站看上去更像原生应用的感觉。注意,这种方式我们并不推荐所有网站使用,还是要看你自己的情况而定!
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari(ios7.0版本以后,safari上已看不到效果)
<meta content="yes" name="apple-mobile-web-app-capable">
将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式(可选default、black、black-translucent)
<meta content="black" name="apple-mobile-web-app-status-bar-style">
忽略将页面中的数字识别为电话号码
<meta content="telephone=no" name="format-detection">
忽略Android平台中对邮箱地址的识别
<meta content="email=no" name="format-detection">
预加载常用图片用来提高手机下的访问速度
<link rel="prefetch" href="预加载的图片" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari(ios7.0版本以后,safari上已看不到效果)
<meta content="yes" name="apple-mobile-web-app-capable">
将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式(可选default、black、black-translucent)
<meta content="black" name="apple-mobile-web-app-status-bar-style">
忽略将页面中的数字识别为电话号码
<meta content="telephone=no" name="format-detection">
忽略Android平台中对邮箱地址的识别
<meta content="email=no" name="format-detection">
预加载常用图片用来提高手机下的访问速度
<link rel="prefetch" href="预加载的图片" />
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: 关于移动WebApp 的 meta 标签
- 下一篇: h5手机网页的meta标签