移动浏览器相关总结(持续更新)
安卓手机点击a标签去除点击阴影
body{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -moz-tap-highlight-color:rgba(0, 0, 0, 0); -ms-tap-highlight-color:rgba(0, 0, 0, 0); -o-tap-highlight-color:rgba(0, 0, 0, 0); tap-highlight-color:rgba(0, 0, 0, 0); } Element { -webkit-tap-highlight-color:rgba(255,255,255,0); }
在微信浏览器中,链接到appstore的跳转全都被屏蔽了(恶心吧),解决办法一是通过跳转到腾讯的微应用(应用宝)中,才能通过它接着跳转到appstore,但是应用宝规定,必须把app上传到他们平台审核通过后才能有这个功能,和苹果商店类似,但是如果没有安卓版本的app,只有ios版本的话也不可以。
解决办法二是当用户点击下载按钮之后提示用户在浏览器中打开,只要不是微信浏览器,其他浏览器都可以跳转到appstore。。。。
解决办法三是扫描二维码进行跳转,这在微信浏览器中是可以的,把链接生成二维码的网站一大堆,随便百度一个就可以了,当用户点击下载按钮之后,弹出二维码供用户扫描,但是问题来了,如果图片不大的话,长按图片是出不来扫描图中二维码那个按钮的,解决办法就是再设置一个全屏的二维码,让它的透明度为0,当用户长按时,其实是点的大的二维码,这样随便按哪都会弹出来扫描图中的二维码那个按钮。。。
在移动端浏览器中,如果给视频video不设置controller的话,视频播放控件依旧会显示出来,很丑,解决办法就是用一个蒙版盖住视频,自己写播放按钮在上面,让视频的透明度为0,给包裹video标签的div设置背景图片,当点击播放时,才让视屏的透明度为1,这样就好看多了。。。
=========================以上为2016年12月27号更新=============================