微信提示在浏览器打开效果实现过程解析

概述

大体思路是这样的：先建一个蒙版，蒙版放上提示的信息，然后写一个js，在页面打开的时候判断是不是用微信自带的浏览器打开的，如果是就打开蒙版，提示用浏览器打开。基本页面

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title app下载/title style type=' text/CSS ' TD {行高： 50pxfont-size : 40px}/style/head body style='底色： # 4DFFFF填充-top : 400 px ' div align=' center ' style=' width : 100%；'表tr TD valgn=' middle ' a href=' community。apk ' rel='外部无跟随' id=' JDownapp '安卓下载/a/TD/tr TD valgn=' middle ' a href=' community。IPA ' rel='外部无跟随' id=' jdownapp 2 ' class=' BTN-警告'苹果下载/a /td /tr /table /div /body/html添加蒙版

！-引入遮蔽层- div id='Mask '样式=''/div//蒙版样式#掩码{位置：绝对值；top : 0；左： 0；显示器：无；背景图像： URL(img/tweixinip。jpg)；背景尺寸：封面；宽度： 100%;高度： 100%;z指数： 1000；}.型号-内容{宽度： 100%；高度： 100%;文本对齐：中心；background : # ffffffborder-radius : 6px；余量： 100像素自动；线高： 30pxz指数： 10001；}添加射流研究…

脚本类型='text/javascript' //判断是否在微信中打开var ua=navigator . usergentvar isWeixin=！/micro messenger/I . test(ua)；//如果使用的是微信自带浏览器，就打开蒙版if(isWeixin){ var SHOW=0；文件。getelementbyid(' Mask ')。风格。display=SHow % 2==1？block ' : ' none}/脚本最终效果

当使用浏览器打开时展示原始页面

当使用微信打开时展示蒙版

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。