微信中弹出遮罩层提示浏览器打开效果-html代码-BFW代码库

代码语言：html

代码描述：微信中弹出遮罩层提示浏览器打开效果，通过useraget判断是否在浏览器中打开

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
    name="viewport" />
    <title>下载app</title>

    <style>
        .wxtip {
            background: rgba(0,0,0,0.8);
            padding: 30px;
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 998;
            display: none;

        }

    </style>
</head>
<body>
    <h2>在微信中打开此页面才能看到效果，点击调试-》手机调试-》打开微信扫码</h2>
    <a href="http://bfw.wiki/" id="appdownbtn">点击下载APP</a>

    <div class="wxtip" id="JweixinTip">
        <img style="width:100%;" src="data:image/png;base64,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.........完整代码请登录后点击上方下载按钮下载查看