首页 > 技术文章 > 移动端html头部meta标签的含义

mumianhua1003 2015-12-10 16:24 原文

<!-- 页面将以原始大小显示,不允许缩放 -->

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">  

 

width - viewport的宽度 height - viewport的高度  

initial-scale - 初始的缩放比例 

minimum-scale - 允许用户缩放到的最小比例  

maximum-scale - 允许用户缩放到的最大比例 

user-scalable - 用户是否可以手动缩放 

 

<!-- 在iPhone 手机上默认值是(电话号码显示为拨号超链接):

 可将telephone=no,则手机号码不被显示为拨号链接 -->

<meta name="format-detection" content="telephone=no"/>

 

<!-- ios设备对meta定义的私有属性:(可以添加至主屏幕) -->

<meta name="apple-mobile-web-app-capable" content="yes">

 

<!-- 屏幕顶部条的颜色 -->

<meta name="apple-mobile-web-app-status-bar-style" content="black">

 

<!-- 解决跨域问题, content="*"  表示资源谁都可以用-->

<meta http-equiv="Access-Control-Allow-Origin" content="*">

 

Cordova 5.0 无法访问外网,404错误的解决办法

解决办法:

方法一:添加白名单插件 cordova-plugin-whitelist ,方便快捷,

cordova plugin add cordova-plugin-whitelist

方法二:添加安全设置

<meta http-equiv="Content-Security-Policy" content="default-src 'self' https://*.MYDOMAIN.com; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

<!-- 网页在任何时候都不能被Cache存储,主要是用来设置网页的到期时间-->
<meta http-equiv="Expires" content="-1">

<!-- 清除缓存;在访问这个页面时需要重新下载 -->
<meta http-equiv="Cache-Control" content="no-cache">

<!-- 禁止浏览器从本地的缓存中读取页面内容,设定后一旦离开网页就无法从Cache中再调出 -->
<meta http-equiv="Pragma" content="no-cache">

 

推荐阅读