如何防止IOS浏览器检测数字为电话

阻止IOS自动识别页面上的电话号码、email地址

之前写页面的时候碰到一个很恶心的情况,在6P上数字自动变色,后来找了一些资料: 在iOS的浏览器上,他们有时候会有一些“自作聪明”,自动把页面上的一串数字识别成电话号码,这样用户不小心点击这串数字,就拨号了.所以我们习惯给那些要在手机上访问的响应式页面增加一串meta标签,以阻止移动端浏览器的这些自动行为. <meta name="format-detection" content="telephone=no" /> <meta name=&quo

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

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

第一百一十二节，JavaScript浏览器检测

JavaScript浏览器检测学习要点: 1.navigator对象 2.客户端检测由于每个浏览器都具有自己独到的扩展,所以在开发阶段来判断浏览器是一个非常重要的步骤.虽然浏览器开发商在公共接口方面投入了很多精力,努力的去支持最常用的公共功能:但在现实中,浏览器之间的差异,以及不同浏览器的"怪癖"却是非常多的,因此客户端检测除了是一种补救措施,更是一种行之有效的开发策略. 一．navigator对象 navigator对象是window对象旗下的对象 navigator对象最早由N

navigator.userAgent浏览器检测（前端基础系列）

对于前端来说,浏览器检测已经不陌生了,在做一些页面是,需要针对不同的浏览器进行处理不同的逻辑,最简单的就是区分pc和移动端的浏览器,或是android 和ios下的浏览器. 一.浏览器检测的由来? 在20世纪90年代初期,网景公司开发的 Netscape Navigator开始流行起来,随后便产生的浏览器大战,主要在于两大巨头之间(Netscape/微软ie):由于那时各家浏览器都有自己的标准,使用内核也不一样,个版本之间也存在差异(万恶的IE):造成网页开发者需要针对不同的浏览器进行适

iOS 覆盖率检测原理与增量代码测试覆盖率工具实现

背景对苹果开发者而言,由于平台审核周期较长,客户端代码导致的线上问题影响时间往往比较久.如果在开发.测试阶段能够提前暴露问题,就有助于避免线上事故的发生.代码覆盖率检测正是帮助开发.测试同学提前发现问题,保证代码质量的好帮手. 对于开发者而言,代码覆盖率可以反馈两方面信息: 自测的充分程度. 代码设计的冗余程度. 尽管代码覆盖率对代码质量有着上述好处,但在 iOS 开发中却使用的不多.我们调研了市场上常用的 iOS 覆盖率检测工具,这些工具主要存在以下四个问题: 第三方工具有时生成的检测报告文

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

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

浏览器检测navigator 对象

1.浏览器及版本号不同的浏览器支持的功能.属性和方法各有不同.比如IE 和Firefox 显示的页面可能就会有所略微不同. alert('浏览器名称:' + navigator.appName); alert('浏览器版本:' + navigator.appVersion); alert('浏览器用户代理字符串:' + navigator.userAgent); alert('浏览器所在的系统:' + navigator.platform); 2.浏览器嗅探器浏览器嗅探器是一段程序,有了它,浏览

浏览器检测(BrowserDetect.js)

浏览器检测是在工作中经常用到的,如果只是简单判断当前是什么浏览器的话可以通过window.navigator.useragent这样的js来直接判断就可以了! 但是针对浏览器版本要求比较高的时候,如果只是单纯的判断浏览器的名字的话还不能解决问题,这时候就要通过其他方式来实现!现有的jquery已经废弃了$.browser的使用,所以在这里我介绍一个叫做"浏览器嗅探器"的程序来实现! 代码如下:(BrowserDetect.js) var BrowserDetect = { init:

ios晃动检测

ios晃动检测第一种 1.在AppDelegate.h中进行如下设置: - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { application.applicationSupportsShakeToEdit = YES; } 2.在你需要对晃动事件进行处理的ViewController中添加如下代码: -(BOOL)can

浏览器检测(BrowserDetect.js)使用

浏览器检测是在工作中经常用到的,如果只是简单判断当前是什么浏览器的话可以通过window.navigator.useragent这样的js来直接判断就可以了! 但是针对浏览器版本要求比较高的时候,如果只是单纯的判断浏览器的名字的话还不能解决问题,这时候就要通过其他方式来实现!现有的jquery已经废弃了$.browser的使用,所以在这里我介绍一个叫做"浏览器嗅探器"的程序来实现! 代码如下:(BrowserDetect.js) var BrowserDetect = { init:

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

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

JavaScript(第十七天)【浏览器检测】

由于每个浏览器都具有自己独到的扩展,所以在开发阶段来判断浏览器是一个非常重要的步骤.虽然浏览器开发商在公共接口方面投入了很多精力,努力的去支持最常用的公共功能:但在现实中,浏览器之间的差异,以及不同浏览器的"怪癖"却是非常多的,因此客户端检测除了是一种补救措施,更是一种行之有效的开发策略. 一．navigator对象 navigator对象最早由Netscape Navigator2.0引入的navigator对象,现在已经成为识别客户端浏览器的事实标准.与之前的BOM对象一样,每

页面系统，浏览器检测- 网页基础模块（JavaScript）

// 浏览器检测,获取,弹出框提醒IE 返回浏览器详情 function GetbrowserSys() { var BrowserMatch = { init: function() { this.browser = this.getBrowser().browser || "An Unknown Browser"; this.version = this.getBrowser().version || "An Unknown Version"; this.OS

JavaScript浏览器检测之navigator 对象

一.使用客户端检测的原因由于每个浏览器都具有自己独到的扩展,所以在开发阶段来判断浏览器是一个非常重要的步骤. 虽然浏览器开发商在公共接口方面投入了很多精力,努力的去支持最常用的公共功能: 但在现实中,浏览器之间的差异,以及不同浏览器的“怪癖”却是非常多的,因此客户端检测除了是一种补救措施,更是一种行之有效的开发策略. 二.navigator 对象概述 navigator 对象最早由 Netscape Navigator2.0 引入的 navigator 对象,现在已经成为识别客户端浏览器的事实

浏览器检测-js

昨天有一同学问我为什么attachEvent在非IE浏览器下不能起作用,我也跟他解释了一番:attachEvent是IE下独有的,只能在IE下使用,其他浏览器下应该用addEventListener来添加事件.后来他说报错了,原来他没有检测浏览器,直接把这两个并列写上了,浏览器不支持另外一个方法,于是报错. 于是今天就对浏览器检测写点感想,不过浏览器检测一般被当做是一种万不得已的方法,我们首先应该使用“能力检测”的方法,检测该浏览器是否支持该方法,若支持则使用,否则使用另一种方法,例如下面一个很

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

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

第一百四十节，JavaScript，封装库--浏览器检测

JavaScript,封装库--浏览器检测在函数库编写一个,浏览器检测对象 /** sys浏览器检测对象,对象下有两个属性,liu_lan_qi属性和xi_tong属性 * liu_lan_qi属性,检测浏览器名称和版本号,如:alert(sys.liu_lan_qi); * xi_tong属性,检测浏览器运行环境,如:alert(sys.xi_tong); **/ (function () { //闭包,自我执行 window.sys = {}; //全局变量对象,保存浏览器信息 var u

iOS开发检测版本更新

iOS开发检测版本更新的实现苹果给了我们一个接口,能根据应用id请求一些关于应用的信息.我们可以根据返回的信息,来判断版本是否和应用的版本一致,如果不一致,那么就出现新的版本了.这时,就需要向用户提醒有新的版本,需要更新.具体步骤如下: NSMutableURLRequest*request=[[NSMutableURLRequestalloc]init]; [requestsetURL:[NSURLURLWithString:[NSStringstringWithFormat:@"http

iOS开发检测是否开启定位、是否允许消息推送等权限

1.iOS开发检测是否开启定位: 需要导入: #import <CoreLocation/CoreLocation.h> 代码如下: + (void)openLocationServiceWithBlock:(ReturnBlock)returnBlock { BOOL isOPen = NO; if ([CLLocationManager locationServicesEnabled] && [CLLocationManager authorizationStatus] !

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

如何防止IOS浏览器检测数字为电话

热门专题