淺析北京賽車平臺開發app搭建 Web APP開發技巧彙總

一、META/LINK相關：

1、百度禁止轉碼

透過百度手機開啟網頁時，百度可能會對你的網頁進行轉碼，往你頁面貼上它的廣告，非常之噁心。不過我們可以透過這個meta標籤來禁止它：

<meta http-equiv="Cache-Control" content="no-siteapp" />

PS;北京賽車平臺開發

2、新增到主屏後的標題（IOS）

<meta name="apple-mobile-web-app-title" content="標題">

3、啟用 WebApp 全屏模式（IOS）

當網站新增到主螢幕後再點選進行啟動時，可隱藏位址列（從瀏覽器跳轉或輸入連結進入並沒有此效果）

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

PS：然而，經本人用5S測試，設定”apple-touch-fullscreen”並沒有什麼卵用，希望瞭解者能在底部評論告知

4、設定狀態列的背景顏色（IOS）

設定狀態列的背景顏色，只有在 ”apple-mobile-web-app-capable” content=”yes” 時生效

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

content 引數：

• default ：狀態列背景是白色。
• black ：狀態列背景是黑色。
• black-translucent ：狀態列背景是半透明。 如果設定為 default 或 black ,網頁內容從狀態列底部開始。 如果設定為 black-translucent ,網頁內容充滿整個螢幕，頂部會被狀態列遮擋。

6、移動端手機號碼識別（IOS）

在 iOS Safari （其他瀏覽器和Android均不會）上會對那些看起來像是電話號碼的數字處理為電話連結，比如：

• 7位數字，形如：1234567
• 帶括號及加號的數字，形如：(+86)123456789
• 雙連線線的數字，形如：00-00-00111
• 11位數字，形如：13800138000

可能還有其他型別的數字也會被識別。我們可以透過如下的meta來關閉電話號碼的自動識別：

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

但某些時候，你關閉電話自動識別後，又希望某些電話號碼長按時能夠連結到 iPhone 的撥號功能和簡訊功能，你可以使用下面的方法實現：

（2）開啟電話功能：

 <a href=”tel:123456″>123456 

（3）開啟簡訊功能：

 <a href=”sms:123456″>123456 

7、移動端郵箱識別（Android）

與電話號碼的識別一樣，在安卓上會對符合郵箱格式的字串進行識別，我們可以透過如下的meta來管別郵箱的自動識別：

 <meta content=”email=no” name=”format-detection” /> 

同樣地，我們也可以透過標籤屬性來開啟長按郵箱地址彈出郵件傳送的功能：

<a mailto:dooyoe@gmail.com">dooyoe@gmail.com

8、新增智慧 App 廣告條 Smart App Banner（IOS 6+ Safari）

 <meta name=”apple-itunes-app” content=”app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL”>