我们在给前端切图中,经常性的会给h5页面加上一句meta标签,来阻止浏览器自动识别电话号码,并且添加拨号连接:tel:xxxxxx
这是浏览器刻意为之的,对于浏览器来说,它们认为这是一种用户体验上的提升,但是实际情况下很多客户并不买单,并直接要求去掉。所以,这句话大家可以收藏一下
<meta name=”format-detection” content=”telephone=no” />
放到head区域即可。
<meta content=”email=no” name=”format-detection” />
关闭识别邮箱
<meta name=”apple-mobile-web-app-status-bar-style” content=black” />
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。
iOS用rel=”apple-touch-icon”,android 用rel=”apple-touch-icon-precomposed”。这样就能在用户把网页存为书签时,在手机HOME界面创建应用程序样式的图标。
<link rel=”apple-touch-icon” href=”/static/images/identity/HTML5_Badge_64.png” />
<link rel=”apple-touch-icon-precomposed” href=”/static/images/identity/HTML5_Badge_64.png” />
以上“h5页面关闭电话号码识别”由鲍余网络整理发布,转载请注明出处。鲍余网络8年专注建站,要找深圳网站建设,深圳建网站,深圳网站设计,深圳网站制作,就好鲍余网络。24小时服务资讯热线:18576678080。