web移动开发的小细节(持续添加)

1.触屏设备上如何去掉数字转化为拨号链接的方法

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

telephone=no就禁止了把数字转化为拨号链接!
telephone=yes就开启了把数字转化为拨号链接,,默认是情况下开启!

2.屏蔽ios和android下点击元素时出现的阴影

-webkit-tap-highlight-color:rgba(255,255,255,0)

可以同时屏蔽ios和android下点击元素时出现的阴影。

3.发送短信、拨打电话、电子邮件

发送短信:sms:<phone_number>[,<phone-number>]*[?body=<message_body>]

例如:

给单个号码发送短信:<a href="sms:131********">单个号码短信</a>

给多个号码发送短信:<a href="sms:131********,137********">多个短信</a>

包含短信内容:<a href="sms:131********?body=hello">包含短信内容</a>

拨打电话:

直接tel:131********

例如:<a href="tel:131********">拨打电话</a>

发送邮件:(当然,在PC上就有这个功能,但我觉得在移动设备上更适用)

直接上例子:<a href="mailto:somebody@163.com?subject=test">发邮件</a><br>

跳转到应用市场(android)

<a href="market://search?q=qq">QQ</a>

4.横竖屏切换

$(window).on("orientationchange",function(){
if(window.orientation==0||window.orientation==180){//横屏
//TODO
}else{//竖屏
//TODO
}
})

纯JS代码类似,事件是orientationchange

参考文章:特殊的链接:打电话,短信,email;iPhone 和Android应用

上一篇:redis 的过期策略都有哪些?内存淘汰机制都有哪些?


下一篇:HTML5网页制作教程:HTML5块级链接