移动浏览器相关总结(持续更新)

安卓手机点击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号更新=============================

posted @ 2016-12-27 18:20  骑猪敲代码  阅读(273)  评论(0编辑  收藏  举报