移動端html頭部meta標籤的含義

標籤：

<!-- 頁面將以原始大小顯示，不允許縮放 -->

<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‘">

 

移動端html頭部meta標籤的含義