ios自动将长数字(7位)转成电话号码

前端在写移动端页面的时候,如果页面中有一长串的数字,在ios 上,文字就会变成蓝色(开始进去是正常,过几十秒或1分钟,自动变成蓝色),而且用css 样式无法控制,是因为苹果自动把一长串的数字识别成了电话号码、点击之后,弹出拨号项,并设置为手机可以拨打的一个连接,在本来代码上自动包了一层a标签。想要禁止这种效果的话其实很简单,在页面head 标签内加入下边代码就可以解决

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


具体作用:禁止将页面中的一连串数字识别为电话号码、并设置为手机可以拨打的一个连接。
这个标签的默认值是telephone=yes。

解决办法:

1 换WebView:换成WKWebView就可以解决。(换了后,明显滑动效果飞速,UIWebView滑动效果差,阻力大)

2 加头信息(见上)。

概述

WebView就是一个内嵌浏览器控件,在iOS中主要有两种WebView:UIWebView和WKWebView,UIWebView是iOS2之后开始使用,WKWebView是在iOS8开始使用,WKWebView将逐步取代笨重的UIWebView。

相比UIWebView,WKWebView做了如下优化:

  1. WKWebView更多的支持HTML5的特性
  2. WKWebView更快,占用内存可能只有UIWebView的1/3 ~ 1/4
  3. WKWebView高达60fps的滚动刷新率和丰富的内置手势
  4. WKWebView具有Safari相同的JavaScript引擎
  5. WKWebView增加了加载进度属性  

 

底部分下无亲测,来自引用:

一般的web处理
1.一键拨号:

<a href="tel:10086">马上拨打电话10086</a>

 2.发送短信功能:

<a href="sms:10086">发送短信</a>

 3、移动web页面自动探测电话号码:

  1.  
    <meta name="format-detection" content="telephone=no">
  2.  
    <meta http-equiv="x-rim-auto-match" content="none">

 4.使用wtai协议进行拨打电话:

  1.  
    <a href="wtai://wp//mc;10086">拨打10086 </a>
  2.  
    <a href="wtai://wp/ap;10086;">存储</a>

 

一般建议采用这个方式。

关于微信页面会出现屏蔽的方式,所以采取以下解决方案

解决方法如下:
1、拨号的代码还是不变,和原先的一样,
2、打开拨号页面要做下处理,在网址后面增加一个锚节点mp.weixin.qq.com。
实例如下:
如:<a href="tel:10086">一键拨号</a> 上需要拨号代码,操作如下
在有这个代码的页面URl后边加上“#mp.weixin.qq.com” 如:tel:10086#mp.weixin.qq.com

 

 

 

参考自:

1,https://cloud.tencent.com/developer/article/1038503

2,https://blog.csdn.net/weixin_34189116/article/details/86434676?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_title~default-0.no_search_link&spm=1001.2101.3001.4242.1&utm_relevant_index=3

posted @ 2022-01-07 11:05  仔行天下  阅读(323)  评论(0编辑  收藏  举报