中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

淺談移動(dòng)端網(wǎng)站的開(kāi)發(fā)技巧

2020-08-06    分類: 網(wǎng)站建設(shè)

在網(wǎng)站開(kāi)發(fā)的時(shí)候,除了需要開(kāi)發(fā)PC端以外,移動(dòng)端也是我們一部分客戶開(kāi)發(fā)的重點(diǎn),接下來(lái)成都網(wǎng)站開(kāi)發(fā)人員為你講解移動(dòng)端網(wǎng)站開(kāi)發(fā)的小技巧:

一、移動(dòng)端手機(jī)號(hào)碼的識(shí)別

在 iOS Safari (其他瀏覽器和Android均不會(huì))上會(huì)對(duì)那些看起來(lái)像是電話號(hào)碼的數(shù)字處理為電話鏈接,比如:

7位數(shù)字,形如:1234567

帶括號(hào)及加號(hào)的數(shù)字,形如:(+86)123456789

雙連接線的數(shù)字,形如:00-00-00111

11位數(shù)字,形如:13800138000

可能還有其他類型的數(shù)字也會(huì)被識(shí)別。我們可以通過(guò)如下的meta來(lái)關(guān)閉電話號(hào)碼的自動(dòng)識(shí)別:

開(kāi)啟電話功能

123456

開(kāi)啟短信功能:

123456

二、移動(dòng)端郵箱識(shí)別(Android)

與電話號(hào)碼的識(shí)別一樣,在安卓上會(huì)對(duì)符合郵箱格式的字符串進(jìn)行識(shí)別,我們可以通過(guò)如下的meta來(lái)管別郵箱的自動(dòng)識(shí)別:

同樣地,我們也可以通過(guò)標(biāo)簽屬性來(lái)開(kāi)啟長(zhǎng)按郵箱地址彈出郵件發(fā)送的功能:

dooyoe@gmail.com

三、百度禁止轉(zhuǎn)碼

通過(guò)百度手機(jī)打開(kāi)網(wǎng)頁(yè)時(shí),百度可能會(huì)對(duì)你的網(wǎng)頁(yè)進(jìn)行轉(zhuǎn)碼,往你頁(yè)面貼上它的廣告,非常之惡心。不過(guò)我們可以通過(guò)這個(gè)meta標(biāo)簽來(lái)禁止它:

四、設(shè)置狀態(tài)欄的背景顏色(IOS)

設(shè)置狀態(tài)欄的背景顏色,只有在 “apple-mobile-web-app-capable” content=”yes” 時(shí)生效

content 參數(shù):

default :狀態(tài)欄背景是白色。

black :狀態(tài)欄背景是黑色。

black-translucent :狀態(tài)欄背景是半透明。 如果設(shè)置為 default 或 black ,網(wǎng)頁(yè)內(nèi)容從狀態(tài)欄底部開(kāi)始。 如果設(shè)置為 black-translucent ,網(wǎng)頁(yè)內(nèi)容充滿整個(gè)屏幕,頂部會(huì)被狀態(tài)欄遮擋。

五、移動(dòng)端如何定義字體font-family

三大手機(jī)系統(tǒng)的字體:

ios 系統(tǒng)

默認(rèn)中文字體是Heiti SC

默認(rèn)英文字體是Helvetica

默認(rèn)數(shù)字字體是HelveticaNeue

無(wú)微軟雅黑字體

android 系統(tǒng)

默認(rèn)中文字體是Droidsansfallback

默認(rèn)英文和數(shù)字字體是Droid Sans

無(wú)微軟雅黑字體

winphone 系統(tǒng)

默認(rèn)中文字體是Dengxian(方正等線體)

默認(rèn)英文和數(shù)字字體是Segoe

無(wú)微軟雅黑字體

各個(gè)手機(jī)系統(tǒng)有自己的默認(rèn)字體,且都不支持微軟雅黑 如無(wú)特殊需求,手機(jī)端無(wú)需定義中文字體,使用系統(tǒng)默認(rèn) 英文字體和數(shù)字字體可使用 Helvetica ,三種系統(tǒng)都支持

* 移動(dòng)端定義字體的代碼 */

body{font-family:Helvetica;}

六、移動(dòng)端touch事件(區(qū)分webkit 和 winphone)

當(dāng)用戶手指放在移動(dòng)設(shè)備在屏幕上滑動(dòng)會(huì)觸發(fā)的touch事件

以下支持webkit

touchstart——當(dāng)手指觸碰屏幕時(shí)候發(fā)生。不管當(dāng)前有多少只手指

touchmove——當(dāng)手指在屏幕上滑動(dòng)時(shí)連續(xù)觸發(fā)。通常我們?cè)倩另?yè)面,會(huì)調(diào)用event的preventDefault()可以阻止默認(rèn)情況的發(fā)生:阻止頁(yè)面滾動(dòng)

touchend——當(dāng)手指離開(kāi)屏幕時(shí)觸發(fā)

touchcancel——系統(tǒng)停止跟蹤觸摸時(shí)候會(huì)觸發(fā)。例如在觸摸過(guò)程中突然頁(yè)面alert()一個(gè)提示框,此時(shí)會(huì)觸發(fā)該事件,這個(gè)事件比較少用

以下支持winphone 8

MSPointerDown——當(dāng)手指觸碰屏幕時(shí)候發(fā)生。不管當(dāng)前有多少只手指

MSPointerMove——當(dāng)手指在屏幕上滑動(dòng)時(shí)連續(xù)觸發(fā)。通常我們?cè)倩另?yè)面,會(huì)調(diào)用css的html{-ms-touch-action: none;}可以阻止默認(rèn)情況的發(fā)生:阻止頁(yè)面滾動(dòng)

MSPointerUp——當(dāng)手指離開(kāi)屏幕時(shí)觸發(fā)

七、移動(dòng)端如何清除輸入框內(nèi)陰影

在iOS上,輸入框默認(rèn)有內(nèi)部陰影,但無(wú)法使用 box-shadow 來(lái)清除,如果不需要陰影,可以這樣關(guān)閉:

input,textarea {

border: 0; /* 方法1 */

-webkit-appearance: none; /* 方法2 */

    以上內(nèi)容由成都網(wǎng)站開(kāi)發(fā)公司整理,希望對(duì)各位有所幫助。

分享名稱:淺談移動(dòng)端網(wǎng)站的開(kāi)發(fā)技巧
當(dāng)前網(wǎng)址:http://m.rwnh.cn/news48/84798.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、網(wǎng)站策劃、網(wǎng)站改版ChatGPT、品牌網(wǎng)站設(shè)計(jì)、微信公眾號(hào)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)
泉州市| 梓潼县| 定兴县| 通化市| 沙雅县| 阜平县| 噶尔县| 兴文县| 望奎县| 九龙坡区| 多伦县| 通许县| 张掖市| 达拉特旗| 得荣县| 新邵县| 津南区| 灵丘县| 普兰县| 樟树市| 南投县| 亚东县| 永登县| 锡林郭勒盟| 宝山区| 宣恩县| 舞钢市| 同仁县| 平湖市| 将乐县| 长顺县| 田林县| 平利县| 大名县| 禹城市| 仪征市| 南阳市| 开原市| 肥东县| 陵水| 古浪县|