移动端 web 开发 hack

作者:赵金添 分类: 前端 发布于:2015-3-3 17:30 ė990次浏览 60条评论
详情请参考:https://github.com/zhaotoday/mobileTech


Andriod 上去掉语音输入按钮
input::-webkit-input-speech-button {display: none}


关于 iOS 系统中,中文输入法输入英文时,字母之间可能会出现一个六分之一空格
可以通过正则去掉
this.value = this.value.replace(/\u2006/g, '');


使用特殊链接:
如果你关闭自动识别后 ,又希望某些电话号码能够链接到 iPhone 的拨号功能 ,那么可以通过这样来声明电话链接 ,
<a href="tel:12345654321">打电话给我</a>
<a href="sms:12345654321">发短信</a>
或用于单元格:
<td onclick="location.href='tel:122'">


自动大写与自动修正
要关闭这两项功能,可以通过autocapitalize 与autocorrect 这两个选项:
<input type="text" autocapitalize="off" autocorrect="off" />


不让 Android 识别邮箱
<meta content="email=no" name="format-detection" />


禁止 iOS 弹出各种操作窗口
-webkit-touch-callout:none


禁止用户选中文字
-webkit-user-select:none


判断用户是否是“将网页添加到主屏后,再从主屏幕打开这个网页”的
navigator.standalone


隐藏地址栏 & 处理事件的时候,防止滚动条出现:
// 隐藏地址栏  & 处理事件的时候 ,防止滚动条出现
addEventListener('load', function(){
    setTimeout(function(){ window.scrollTo(0, 1); }, 100);
});

本文出自 赵金添的前端博客@福州软件外包公司,转载时请注明出处及相应链接。

0
分享本文至:

发表评论

电子邮件地址不会被公开。必填项已用*标注


Ɣ回顶部