[笔记]移动端meta设置大全

    选择打赏方式

微信公众号伊伊兔Yi-Yi-Tu,QQ群号:455535550,淘宝天猫优惠劵领取网站:dy208.cn

声明文档使用的字符编码:
  <meta charset='utf-8'>
  
优先使用 IE 最新版本和 Chrome:
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  
页面描述:
  <meta name="description" content="不超过150个字符"/>
  
页面关键词:
  <meta name="keywords" content=""/>
  
网页作者:
  <meta name="author" content="name, email@gmail.com"/>
  
搜索引擎抓取:
  <meta name="robots" content="index,follow"/>
  
为移动设备添加 viewport
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1, user-scalable=no">

iOS 设备 添加到主屏后的标题(iOS 6 新增):
  <meta name="apple-mobile-web-app-title" content="标题">
  
是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏:
  <meta name="apple-mobile-web-app-capable" content="yes"/>


添加智能 App 广告条 Smart App Banner(iOS 6+ Safari):
  <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">      
  
设置苹果工具栏颜色:
  <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  
忽略页面中的数字识别为电话,忽略email识别:
  <meta name="format-detection" content="telphone=no, email=no"/>
  
启用360浏览器的极速模式(webkit):
  <meta name="renderer" content="webkit">


避免IE使用兼容模式:
  <meta http-equiv="X-UA-Compatible" content="IE=edge">


针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓:
  <meta name="HandheldFriendly" content="true">
  
微软的老式浏览器:
  <meta name="MobileOptimized" content="320">


uc强制竖屏:
  <meta name="screen-orientation" content="portrait">
  
UC应用模式
  <meta name="browsermode" content="application">


UC强制全屏:
  <meta name="full-screen" content="yes">
  
QQ强制竖屏:
  <meta name="x5-orientation" content="portrait">
  
QQ强制全屏
  <meta name="x5-fullscreen" content="true">
  
windows phone 点击无高光
  <meta name="msapplication-tap-highlight" content="no">
版权声明:若无特殊注明,本文皆为《 子成君 》原创,转载请保留文章出处。
本文链接:[笔记]移动端meta设置大全 https://www.zcjun.com/learn/410.html
百度收录:本文已被百度收录点击查看详情!
本文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

爱你允悲悲伤吃惊委屈可怜憧憬吃瓜大哭开心坏笑笑哭哼打哈欠鼓掌乖嘘阴险日了狗费解挤眼滑稽666比心


既然没有吐槽,那就赶紧抢沙发吧!