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

一、META/LINK相關：

1、百度禁止轉碼

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

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

PS;北京賽車平臺開發QQ2208090888

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”>