关于在safari浏览器中禁止电话号码可以拨打的解决方案

最新推荐文章于 2021-06-21 12:24:48 发布
最新推荐文章于 2021-06-21 12:24:48 发布
阅读量1.7k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35289561/article/details/80493304
版权

在iPhone 手机上默认值是（电话号码显示为拨号的超链接）：

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

可将telephone=no，则手机号码不被显示为拨号链接

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

super-540086
关注
网易高工手打：中高级前端必须注意的40条移动端H5坑位指南
pig_html的博客
02-03 784
前言 不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。 三年半沉淀通过本文记录下所遇到的坑位，或许有些坑位还未遇到，但本文记录的40条坑位绝对能让同学们少走很多弯路，特别是前端小白。为了减少废话提高本文质量，对以下内容做一些约定。 提及的安卓系统包括A
HTML移动端开发常见的兼容性总结
weixin_44411302的博客
12-06 1420
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3...
【HTML】＜meta name=“format-detection“ content=“telephone=yes“＞
Milk~每天分享一点点，技术进步一点点
10-20 639
<meta name="format-detection" content="telephone=yes"> 在iPhone 手机上默认值是（电话号码显示为拨号的超链接）： <meta name="format-detection" content="telephone=yes"/> 可将telephone=no，则手机号码不被显示为拨号链接 <meta name="format-detection" content="telephone=no"/> ...
超链接浏览<meta name="format-detection"/> 的用法
weixin_34007291的博客
05-21 112
在本文中,我们主要介绍超链接浏览的内容,自我感觉有个不错的建议和大家分享下     在挪动前端编写 HTML 当中，  标签meta：&lt;meta name="format-detection"/&gt;有什么用法呢     当用手机浏览该 HTML 页面在手机上浏览时，该标签会将网页内容中的手机号码主动识别拨号的超链接。     在 iPhone 上默认值是：     每日一道理 ...
给html5标签设置手机号码格式化,meta标签name="format-detection"属性写法及用法
weixin_33795883的博客
06-10 2065
meta标签中name="format-detection"属性作用是在手机端浏览html网页时，用于识别电话号码、电子邮箱和地图位置的格式！用法格式：将代码添加到网页的和之间：其中，识别的格式类型主要有telephone(电话号码)、email(电子邮箱)和adress(地图位置)三种格式！用法举例：format-detection，就是“格式识别”的意思，识别的格式类型主要有以下几种：1、te...
禁止ios端手机safari浏览器识别数字为link的可拨打电话
SHALLNY
02-23 1220
当在界面上输入一长串数字后，在ios端手机的Safari浏览器识别后为带有样式的下划线数字，点击可拨打电话 禁止该处理方式，可以在head标签内加入该段代码 &lt;meta name = "format-detection" content = "telephone=no"&gt;...
禁用移动端浏览器中给手机号加上的拨打电话的功能
韩大璐
10-18 1327
iPhone手机上的浏览器（如Safari），在解析网页的时候会自动给 像是电话号码的数字 加上link样式。 加上下边这行代码就可以禁掉这个功能： &lt;meta name="format-detection" content="telephone=no"&gt; ...
HTML5移动端开发常见的兼容性总结
qq_41359437的博客
04-20 1069
安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3...
JavaEE知识体系
热门推荐
yuh2012的博客
07-11 2万+
1 1.文件上传下载 1.1 文件上传 1.1.1 文件上传的作用 例如网络硬盘！就是用来上传下载文件的。 在智联招聘上填写一个完整的简历还需要上传照片呢。 1.1.2 文件上传对页面的要求 1.必须使用表单，而不能是超链接； 2.表单的method必须是POST，而不能是GET； 3.表单的enctype必须是multipart/form-data； 4.在表单中添加file表
iOS 组件化 —— 路由设计思路分析
程序猿
04-26 378
前言随着用户的需求越来越多，对App的用户体验也变的要求越来越高。为了更好的应对各种需求，开发人员从软件工程的角度，将App架构由原来简单的MVC变成MVVM，VIPER等复杂架构。更换适合业务的架构，是为了后期能更好的维护项目。但是用户依旧不满意，继续对开发人员提出了更多更高的要求，不仅需要高质量的用户体验，还要求快速迭代，最好一天出一个新功能，而且用户还要求不更新就能体验到新功能。为了满足用户...
在iphone的safari浏览器中，拨打电话，出现系统异常弹框
weixin_30247159的博客
07-30 1530
这是系统级别的问题，暂时无法解决。 IPHONE的safari浏览器电话拨打，前两次点击拨打按钮，会正常弹出系统弹框包含（电话号码，取消，呼叫）。 第3次往后，点击按钮会出现另一种系统弹框包含（已阻止此网站进行自动通话，忽略，允许通话）。 转载于:https://www.cnblogs.com/camille666/p/iphone_safari_browser_tel_dial.ht...
微信内置浏览器器中点击拨打电话功能失效
Love.Hope.Faith
11-27 7824
如题。         微信网页开发过程中，需要使用到点击超链接然后拨打电话的功能。         在IOS系统中，safari浏览器可以自行识别浏览器网页中的数字串为电话号码，点击这个数字串的时候即可直接拨打电话。         但是在Android系统中，浏览器并没有这个功能，所以必须使用下面的标签才能够拨打电话。        通过这个就可以直接点击拨打电话了。        
WebApp之Meta标签 （关闭自动识别数字为电话号码或邮箱之类）
03-11 267
iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串（包括已经加入连字符或括号格式化过的）添加电话链接，点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别，可以将它关闭： <meta name="format-detection" content="telephone=no" /> 如果你关闭自动识...
Meta标签中的format-detection属性及含义和移动端的一些事项
ylhsuper的博客
06-13 810
format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置：   meta name="format-detection" content="telephone=no" /> meta name="format-detection" content="em
处理苹果IOS手机safari 浏览器自动识别电话并且黑化样式的问题
一颗优雅草科技-央千澈的CSDN博客~只想无穷无尽的学习~
06-21 661
处理苹果IOS手机safari 浏览器自动识别电话并且黑化样式的问题，今天突然打开我们的推广落地页发现电话没显示，仔细看才发现样式被黑化了，2种方式处理： 问题如图，细节很小但很重要。 1，在头部增加 <meta name="format-detection" content="telephone=no" /> 但是这个方法用了体验不好，禁止识别手机后不方便用户直接拨打电话联系。 2，加上tel 做样式。 诸如 <a href="tel:13708021643">1370802
iphone浏览器Safari中的数字被识别为电话号码
小白程序员的博客
12-27 952
iphone浏览器Safari中的数字被识别为电话号码 在Safari浏览器中，明明写的一串数字没加链接样式，而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！ 我们通常的解决方案是，在head头部，加上 <meta name="format-detection" content="telephone=no" /> 当然，如果你想要达到这种点击号码，拨打电话号...
微网站中加入一键拨号功能代码
weixin_33941350的博客
06-03 1546
 在做一个微信的微网站中的一个便民服务电话功能的应用，用到移动web页面中列出的电话号码，点击需要实现调用通讯录，网页一键拨号的拨打电话功能。 如果需要在移动浏览器中实现拨打电话，发送email，美国服务器，调用sns等功能，移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。 采用url链接的方式，实现在Safari ios，香港服务器，Android 浏览器，web...
html中metaf属性ormat-detection的意义
笔记
02-25 416
format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置： meta name="format-detection" content="telephone=no" meta name="format-detection" content="email=no" meta...
h5手机端app调起拨打手机号码功能。
_QIuXiaoYi的博客
03-06 857
在html里加上标签<metaname="format-detection"content="telephone=yes"/>。 <p @click="callPhone('13456796265')">呼叫</p> //调用拨号功能 callPhone(phoneNumber){//公共方法,可动态传入不同号码 ...
设置document.body.style.zoom在Safari浏览器中无效
最新发布
07-08
对不起，我之前的回答可能有误。确实，在Safari浏览器中，`document.body.style.zoom`属性不起作用。Safari浏览器不支持使用`zoom`来设置缩放比例。 如果你需要在Safari浏览器中设置缩放比例，可以尝试使用CSS的`transform`属性来实现。你可以通过以下步骤来设置缩放比例： 1. 首先，在Vue组件的mounted生命周期钩子函数中添加以下代码： ```javascript mounted() { this.setSafariZoom(); } ``` 2. 接下来，定义一个名为setSafariZoom的方法，用于设置Safari浏览器的缩放比例。在该方法中，我们将使用CSS的`transform`属性来设置缩放比例： ```javascript methods: { setSafariZoom() { const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); if (isSafari) { const zoomLevel = 0.8; // 设置缩放比例，这里是80% const scaleValue = `scale(${zoomLevel})`; document.body.style.webkitTransform = scaleValue; document.body.style.transform = scaleValue; } } } ``` 在上述代码中，我们首先通过正则表达式检测当前浏览器是否为Safari。如果是Safari浏览器，我们将创建一个`scaleValue`变量，用于存储缩放比例的CSS值。然后，我们分别设置`webkitTransform`和`transform`属性为该缩放比例的值。 3. 现在，当Vue组件加载完成后，mounted生命周期钩子函数将调用setSafariZoom方法，并根据当前浏览器判断是否需要设置缩放比例。 这样，当用户在Safari浏览器中访问该Vue组件时，会自动应用所设置的缩放比例。请注意，这仅适用于Safari浏览器，其他浏览器不会受到影响。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值