1. 程式人生 > >移動端相關meta標籤

移動端相關meta標籤

1、顯示蘋果預設的工具欄和選單欄(不啟用全屏模式)

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

2、工具欄顯示樣式

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

3、手機號碼不被顯示為撥號連結

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

4、強制使用瀏覽器核心種類(極速模式、IE模式、相容模式)
1)強制Chromium核心,作用於360瀏覽器、QQ瀏覽器等國產雙核瀏覽器

<meta name="renderer" content="webkit"/>

2)強制Chromium核心,作用於其他雙核瀏覽器

<meta name="force-rendering" content="webkit"/>

3)如果有安裝 Google Chrome Frame 外掛則強制為Chromium核心,否則強制本機支援的最高版本IE核心,作用於IE瀏覽器

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

5、去掉winphone系統a、input標籤被點選時產生的半透明灰色背景

<meta name="msapplication-tap-highlight" content="no">

6、強制全屏(UC、QQ、360)

<meta name="full-screen" content="yes"/>
<meta name="x5-fullscreen" content="true"/>
<meta name="360-fullscreen" content="true"/>

7、強制豎屏

<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">

8、QQ應用模式

<meta name="x5-page-mode" content="app">