腾讯QQ的内置浏览器的限制是非常多的,例如APP的下载链接是没有办法直接打开下载的,非要让你下载一个QQ浏览器会做应用宝才可以,强行的用户捆绑。还有几十经常莫名其妙封杀我们的域名链接。遇到这个问题我们可以制作一个遮罩引导,让用户点击右上角然后在下面弹出的菜单里选择在浏览器中打开就好
实现思路
大体思路是这样的:先建一个蒙版,蒙版放上提示的信息,然后写一个js,在页面打开的时候判断当前的操作环境如实是在QQ、微信等环境里面打开的话,系统会自动打开蒙版,提示用浏览器打开!其他环境的话则直接打开网页!
案例展示
(请使用QQ、微信、TIM扫一扫查看案例)
测试链接: http://www.138tool.cn/wxzz/anli1.html
作者网站: http://www.138tool.cn/wxzz
部分代码
//蒙版样式
#Mask {
position: absolute;
top: 0;
left: 0;
display: none;
background-image: url(img/tweixinip.jpg);
background-size: cover;
width: 100%;
height: 100%;
z-index: 1000;
}
.model-content {
width: 100%;
height: 100%;
text-align: center;
background: #ffffff;
border-radius: 6px;
margin: 100px auto;
line-height: 30px;
z-index: 10001;
}