【Cordova - IOS浏览器里面数字被当做电话号码】的更多相关文章

Cordova - IOS浏览器里面数字被当做电话号码

网页上有连续超过5个数字,ios浏览器就会当做手机号码,如果某行文字有颜色,那么这个连续的数字就没颜色,变黑色了. 解决方法:在html页面头部加入下面代码 <meta name="format-detection" content="telephone=no"> <meta http-equiv="x-rim-auto-match" content="none"> 如果是使用JQuery mobile…

防止在iOS设备中的Safari将数字识别为电话号码

在测试中发现iPad上的Safari总会把长串数字识别为电话号码,文字变成蓝色,点击还会弹出菜单添加到通讯录. 别的地方倒也罢了,如果在用户名中出现数字(手机注册新浪微博的话用户名就是“手机用户xxxxxxxx”),版式会很恶心. 经过测试在a标签中的长串数字不会识别为电话,于是给出现用户名但没有链接的地方嵌套一个无动作的a标签,临时解决了这个问题. 但是这样增加了额外的标签,代码的语义性变得很差,而且对大段文字不能用这个方法. 今天无意中撞进Safari的官网,发现了safari有个私有met…

禁止苹果浏览器Safari将数字识别成电话号码的方法

偶然发现用ipad访问我的网站时,发现网站上的一串数字变颜色了(原来是红色的),现在变成了蓝色.一开始以为网站出了什么问题,后来在PC端查看,发现颜色依旧是红色.在ipad上点击还会弹出菜单呼叫的选项,基本可以断定是Safari搞的鬼了.Safari识别电话号码功能会自动将数字识别成电话号码. 别的地方倒也罢了,如果在用户名中出现数字(手机注册新浪微博的话用户名就是“手机用户xxxxxxxx”),那效果会很不好. 为了这个问题,到Safari的官网翻找,发现Safari有个私有meta属性可以解…

关于IOS浏览器：document,body的click事件触发规则

今天做了个手机页面,点击某个按钮->弹出菜单,再点击菜单以外的任意位置->关闭菜单,在其他浏览器里面没有问题,但是在IOS浏览器中并不会关闭. 网上解决这个bug的帖子很多,这篇帖子主要是讲原理,这里写个简单的代码,大家可以复制到自己页面中去实验: <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devi…

ele.me在IOS浏览器端启动APP的技巧分析

ele.me在IOS浏览器端启动APP的技巧分析 巧妙利用后台重定向,在schemes启动时提示用户打开,启动不了APP时能够及时跳转至下载页面. 避免报错页面的出现以及用户还没来的及选择就跳转到下载页面. 在没有universal link时,此种方法是一种很好的解决方案. 附上ele源码 <script type="text/javascript"> "use strict"; window.onload = function() { //尝试sch…

在IOS端点击数字后会调起系统拨号界面

在IOS端点击数字后会调起系统拨号界面,解决方案: <meta name="format-detection" content="telephone=no">…

cordova ios升级插件

org.ssgroup.sope.cordova.upgrade 支持强制升级与选择升级 插件已经开源在https://github.com/shenshouer/org.ssgroup.sope.cordova.upgrade 新版本号已经更新,但还未提交至github 此插件为一个cordova ios版本号插件,用户检查本地app的一些信息以及从app store中检查是否有新版本号,并提示更新 安装 cordova plugin add https://github.com/shensh…

ios浏览器调试踩坑（1）----mescroll.js和vue-scroller

主要记录在ios浏览器出现触摸无限加载的情况 使用vue-scroller和mescroll.js/mescroll.vue先踩ios浏览器默认滑动会影响mescroll的方法调用. 首先给公共js加入以下代码禁用我们的页面在ios浏览器下会滑动上下页面. <script> //禁止ios手机双击放大以及缩小 window.onload = function () { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener('touc…

web页面ios浏览器img图片的坑

大家都知道ios浏览器有个默认的内置事件,就是长按屏幕,会放大预览你点击的内容. 不同浏览器效果各异,有的浏览器弹出提示框,预览图片或保存图片.主要呈下面2中形式.体验最差的就是后者,会直接将页面中的图片放大预览,打断了用户正常的浏览.                                              这恼人的体验怎么修正呢? css有一个pointer-events: none;属性:可以阻止点击事件. 这个方法完美解决了大多数ios主流浏览器的问题. 那么问题来了,Q…

JS判断当前页面是在 QQ客户端/微信客户端/iOS浏览器/Android浏览器/PC客户端

browser.js var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit'…