百度禁止转码
通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它:<meta http-equiv="Cache-Control" content="no-siteapp" />
移动端手机号码识别(IOS)
在 iOS Safari (其他浏览器和Android均不会)上会对那些看起来像是电话号码的数字处理为电话链接,比如:
- 7位数字,形如:1234567
- 带括号及加号的数字,形如:(+86)123456789
- 双连接线的数字,形如:00-00-00111
- 11位数字,形如:13800138000
可能还有其他类型的数字也会被识别。我们可以通过如下的meta来关闭电话号码的自动识别:
<meta name="format-detection" content="telephone=no" />
开启电话功能<a href="tel:123456">123456</a>
开启短信功能<a href="sms:123456">123456</a>
移动端邮箱识别(Android)
与电话号码的识别一样,在安卓上会对符合邮箱格式的字符串进行识别,我们可以通过如下的meta来管别邮箱的自动识别:<meta content="email=no" name="format-detection" />
同样地,我们也可以通过标签属性来开启长按邮箱地址弹出邮件发送的功能:<a mailto:dooyoe@gmail.com">dooyoe@gmail.com</a>
禁止文本缩放
当移动设备横竖屏切换时,文本的大小会重新计算(或者在内嵌浏览器中设置字体的大小),进行相应的缩放,当我们不需要这种情况时,可以选择禁止:
`html {
-webkit-text-size-adjust: 100%;
}`
移动端禁止选中内容
如果你不想用户可以选中页面中的内容,那么你可以在css中禁掉:
`.user-select-none {
-webkit-user-select: none;
}`
如何禁止保存或拷贝图像(IOS)
通常当你在手机或者pad上长按图像 img ,会弹出选项存储图像 或者拷贝图像,如果你不想让用户这么操作,那么你可以通过以下方法来禁止:img { -webkit-touch-callout: none; }
Android上去掉语音输入按钮
input::-webkit-input-speech-button {display: none}
iOS中隐藏Safari浏览器的UI:Start
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">