zoukankan      html  css  js  c++  java
  • iphone 浏览器自动解析数字为号码解决方法

    在工作中遇到了这么一个问题 —— 在HTML代码中有一部分数字,设定的样式为“白色”,在android 浏览器 和 PC web中显示都是正常的,但是在iphone浏览器中先显示为白色,之后有变为“黑色”,在点击这串数字的时候,显示为拨打电话界面。

    分析:

    根据上图展现的方式说明“1234-5678-9999”添加了tel标签

    <a href="tel:1234-5678-9999">拨号</a>   
    <a href="sms:1234-5678-9999">发短信</a>

    结论:iphone safari浏览器在页面加载完之后会自动将数字改为tel标签,即解释为号码,这样就能产生拨号。

    解决办法:

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

    文章参考 http://blog.sina.com.cn/s/blog_51048da70101cgea.html

    format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:

    meta name="format-detection" content="telephone=no"
    meta name="format-detection" content="email=no"
    meta name="format-detection" content="adress=no" 

    也可以连写:

    meta name="format-detection" content="telephone=no,email=no,adress=no"

    下面具体说下每个设置的作用:

    一、telephone

    你明明写的一串数字没加链接样式,而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!想去掉这个拨号链接该如何操作呢?这时我们的meta又该大显神通了,代码如下:

        telephone=no就禁止了把数字转化为拨号链接!

        telephone=yes就开启了把数字转化为拨号链接,要开启转化功能,这个meta就不用写了,在默认是情况下就是开启!

    二、email

        告诉设备不识别邮箱,点击之后不自动发送

        email=no禁止作为邮箱地址!

        email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!

    三、adress

        adress=no禁止跳转至地图!

        adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启!

  • 相关阅读:
    .net core 3.1 使用Redis缓存
    JavaSE 高级 第11节 缓冲输入输出字节流
    JavaSE 高级 第10节 字节数组输出流ByteArrayOutputStream
    JavaSE 高级 第09节 字节数组输入流ByteArrayInputStream
    JavaSE 高级 第08节 文件输出流FileOutputStream
    JavaSE 高级 第07节 文件输入流FileInputStream
    JavaSE 高级 第06节 初识I、O流
    JavaSE 高级 第05节 日期类与格式化
    JavaSE 高级 第04节 StringBuffer类
    JavaSE 高级 第03节 Math类与猜数字游戏
  • 原文地址:https://www.cnblogs.com/liujufu/p/5244490.html
Copyright © 2011-2022 走看看