微信中弹出遮罩层提示浏览器打开效果-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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.........完整代码请登录后点击上方下载按钮下载查看