web移动开发的小细节（持续添加）

时间：2022-04-14 04:07:12

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应用

相关文章