原生写法的话,9成是自己写法的问题,我也遇见过https://developers.weixin.qq.com/community/develop/doc/000a82ad030278cf7e5aad52151000?jumpto=comment&commentid=000666bbf4c9e041967a353dd5b4
wx-open-launch-app 标签里面的内容不显示,怎么处理?<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>启动APP</title> <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui"> </head> <body> <div id='wola' class="mobile-page-download"> <wx-open-launch-app id="launch-btn" appid="wxea5b413296e9ae45"> <template> <style>.btn { padding: 12px }</style> <button class="btn">App内查看</button> </template> </wx-open-launch-app> </div> </body> <script src="/js/jquery.min.js"></script> <script src="/js/xiaozhu.js"></script> <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> $(function(){ $.get(`${shareUrl}wechat/jsconf?type=weixin`, function(result){ wx.config({ debug: true, appId: result.content.appId, timestamp: result.content.timestamp, nonceStr: result.content.nonceStr, signature:result.content.signature, jsApiList:result.content.jsApiList, openTagList: ['wx-open-launch-app'] }); }); wx.ready(function () { alert('ready'); }); wx.error(function (res) { alert(`error:${JSON.stringify(res)}`); }); var btn = document.getElementById('launch-btn'); btn.addEventListener('launch', function (e) { console.log('success'); }); btn.addEventListener('error', function (e) { alert(`fail:${JSON.stringify(e.detail)}`); }); }); </script> </html> [图片][图片][图片] 为了查问题,采用了最原始的开发方式写了个demo wx-open-launch-app 标签里面的内容为啥不显示? 接入方式完全按照https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 希望官方解答,谢谢!
2020-06-14replaceState方法的用法有什么问题吗
ios设备中wx-open-launch-app标签在经过replaceState之后会不展示?ios设备中wx-open-launch-app标签在经过replaceState之后会不展示 如果没有replaceState,页面分享、支付等操作都正常,wx-open-launch-app包裹的内容可以正常展示 但是页面经过replaceState,在做wx.config,这个时候页面分享、支付等操作都可以,但是wx-open-launch-app包裹的内容不展示。
2020-06-08原因找到了,wx-open-launch-app标签外部需要一个容器包裹,给容器样式就能看到标签的内容,不然标签会会被我们的页面遮挡或者屏幕下方,无法跟我们的实际页面融合,template内部怎么设置z-index,或者tranform都不会影响到自身的层级; 同时内部template的样式里,不能有position属性,不然也不可见; 而且注意内部的单位和外部不统一,做了移动端单位适配的话,用外部的rem和vw作为单位数据,元素会特别特别小,可能看不到,因此内部好像只能写px; 而且发现标签写在react的render内不生效? <div id='wola' class="mobile-page-download"> <wx-open-launch-app id="launch-btn" appid="appid" extinfo="extinfo"> <template > <style> .btn { width: 200px; height: 45px; line-height: 45px; text-align: center; font-size: 17px; border-radius: 22.5px; color: #fff; } </style> <div class="btn">启动APP</div> </template> </wx-open-launch-app> </div>
wx-open-launch-app标签的内容不展示?wx.config也调用了,可以二次分享,wx-open-launch-app标签在页面dom内,但是并没有展示对应的按钮,不论template里面还是外面,都写了样式,页面就是没有展示(手机版本和微信版本没问题,开发者工具版本确实不够),地址 https://h5.yingtaorelian.com/www/index/index.html(手机模式打开) [图片] [图片] [图片]
2020-05-14想知道js代码怎么写的, 我这边也都配置了,但是按钮不显示,可页面是有这个 dom节点的,系统和微信版本也没有问题,报错都没有。。
wx-open-launch-app Android版无法实际启动应用已满足了网页启动移动应用的所有条件(主体一致、两边账号都已审核,获得了网页跳转移动应用的能力,配置了安全JS安全域名),在安全JS域名下测试页面添加 wx-open-launch-app 开放标签,能够在手机微信中实际显示按钮形态。Android版点击按钮后出现提示“即将离开微信,打开程序”,点击允许,触发launch事件,显示了一个success提示后就没有任何反映了(IOS版能够在点击这个按钮后启动APP),请问如何处理这个问题,没有错误反馈,没有日志如何知道问题在哪里? [图片][图片][图片]
2020-05-13