Android版微信处理 -webkit-user-select 出现的Bug
今天遇到一个微信的 Bug ,需要多个条件才会触发。
- Android手机
- 微信环境下
- 给 button 加
-webkit-user-select: none;
(不用 button,用 a 标签也一样) - button 后不论套多少层,只要是最近的的文字打头的数字部分是 160 开头的 8 位数字
- 点 button 的文字部分
就会蹦出拨号菜单……
用微信扫二维码可见效果:
代码如下:
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta content="telephone=no" name="format-detection">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
</head>
<body>
<style>
.btn {
-webkit-user-select: none;
width: 100%;
}
</style>
<button class="btn">点我</button>
16000000结束
<body>
</html>
当然,手机号也会弹出。
我认为,这就是个Bug。
因为在头部,已经设置了:<meta content="telephone=no" name="format-detection">
,浏览器不会把数字自动解析为电话号码。
按钮与后面的字符互相独立,也没有任何关联。
除了安卓版的微信在其他浏览器环境没有发现类似问题。
我就是因为 Bootstrap 已经直接为 .btn 加了 -webkit-user-select: none;
,在按钮后面我随手敲了几个数字占位,才遇到了这么奇葩的事情。
2017-08-22 13:29:51