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