收藏
回答

H5页面跳转小程序,按钮不显示,可能是由于小程序是体验版的导致的吗?

微信版本,jssdk版本,标签初始化授权,都ok且真机环境

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>小程序跳转测试</title>
</head>
<body style="text-align:center;">
<label></label>
<!--<wx-open-launch-weapp id="launch-btn" username="gh_1174ef7ddf81">
    <template>
        <style>.btn { padding: 12px;width:200px;height:50px; }</style>
        <button class="btn">打开小程序</button>
    </template>
</wx-open-launch-weapp>-->

<div id="wxOpenInAPP" class="wexin-launch-btn">
</div>

<script src="../js/jquery-1.9.1.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="resource/js/angular.min.js"></script>
<script type="text/javascript" src="resource/js/angular-ui-router.min.js"></script>
<script type="text/javascript" src="main.js"></script>

<script type="text/javascript">

    wx.ready(function () {
        alert('config 成功!');
        var dom = document.getElementById('wxOpenInAPP');
        dom.innerHTML = '<wx-open-launch-weapp id="launch-btn" username="gh_1174ef7ddf81">' +
            '<template>' +
            '<style>  .wx-btn {   color: #666; width: 200px; height:50px; display: block; text-aligin:center; }</style>' +
            '<button class="wx-btn">跳转小程序</button>' +
            '</template>' +
            '</wx-open-launch-weapp>';

        var btn = document.getElementById('launch-btn'); console.log('btn',btn);
        btn.addEventListener('launch', function (e) {
            console.log('success');
        });
        btn.addEventListener('error', function (e) {
            console.log('fail', e.detail);
        });
    });

    wx.error(function (res) {
        alert(res.errMsg);
    });

</script>
</body>
</html>

最后一次编辑于  2021-02-05
回答关注问题邀请回答
收藏

1 个回答

  • 大兵
    大兵
    2021-02-05

    username写的是真实的么?

    wx.config写的是什么样的

    2021-02-05
    有用
    回复 14
    • 进击的菠菜
      进击的菠菜
      2021-02-05
      这两个都没问题
      2021-02-05
      回复
    • 进击的菠菜
      进击的菠菜
      2021-02-05
      errMsg:config:ok 返回的没问题
      2021-02-05
      回复
    • 大兵
      大兵
      2021-02-05回复进击的菠菜
      那就不知道了,H5里面并没有写什么体验版之类的信息,不可能和体验版有关
      2021-02-05
      回复
    • 大兵
      大兵
      2021-02-05回复进击的菠菜
      一般不是代码有问题,就是配置有问题。你觉得都OK,就放这几行代码。。。。。。。问题出在哪,你就要靠自己好好看了。不应该来这问了
      2021-02-05
      回复
    • 进击的菠菜
      进击的菠菜
      2021-02-05回复大兵
      需要把页面放到小程序相同域名下吗?
      2021-02-05
      回复
    查看更多(9)
登录 后发表内容
问题标签