- 两个webview页面 从第二个webview 返回第一个webview 会白屏 但是在真机上是正
[图片] 两个webview页面 从第二个webview 返回第一个webview 会白屏 但是在真机上是正常的
2020-11-05 - PC端 微信小程序打不开 一直再加载中状态,手机上是可以打开的,开发版也可以打开,只有线上打不开
[图片]
2020-10-22 - PC微信小程序 webview
(PS: 上面选择分类无法选择PC端) PC端小程序的 webview 中 jssdk previewImage API无法使用 ,而且无法使用image.onload下载图片,一使用直接闪退 saveImage(){ let image = new Image(); image.setAttribute('crossOrigin','anonymous'); let _this=this; image.onload = function(){ let canvas = document.createElement('canvas'); canvas.width = image.width; canvas.height = image.height; let context = canvas.getContext("2d"); context.drawImage(image,0,0,image.width,image.height); let url = canvas.toDataURL('image/png'); let a = document.createElement('a'); let event = new MouseEvent('click'); a.download = Math.random()*1000+'.jpg'||'photo'; a.href = url; a.dispatchEvent(event); } // 请求图片的地址加上随机数 解决重复请求引起的跨域问题 image.src = _this.imgs[0] + '?timestemp=' + Math.floor(Math.random() * 1000); }
2020-08-19 - 微信PC端 小程序 JSSDK
wx.previewImage({ urls: [url], current:url, success:()=>{ Toast({ message: '成功', duration: 0 }); }, fail:(err)=>{ Toast({ message: JSON.stringify(err), duration: 0 }); }, }) [图片] 在电脑端微信小程序 在 webview中使用 js-sdk 的 wx.previewImage 无法展示图片,调用失败,但在手机端调用是正常的
2020-08-19 - 真机调试时live-player组件有bug
在live-player中使用cover-view自定义控制条,使用css属性transition和bottom实现控制条缓慢消失,在真机调试中控制条不会消失,去掉transition属性后,控制条就会消失。而在开发者工具就不会出现这样的问题。 真机调试:[图片] 开发者工具调试:[图片] 关键代码: <live-player id='live-player' src="rtmp://58.200.131.2:1935/livetv/hunantv" autoplay :muted="!isVolume" @netstatus="netchange" @statechange="statechange" @error="error" style="width: 100%; height: 225px" > <!-- 防止用户拖动遮罩层 --> <cover-view class="full" @click="showCtrls"> <!-- 控制条 --> <cover-view :class="(!isFull?'ctrls':'vertical-ctrls')+' u-flex u-flex-nowrap u-row-between'" :style="'bottom:'+(!ctrlsShow?(isFull?'-50px':'-30px'):'0')" > <cover-view class="u-flex u-flex-nowrap"> <cover-image class="ctrls-icon" @click="play" :src='baseUrl+"icon_play_"+(!isPlay?"on.png":"off.png")'> </cover-image> <cover-image class="ctrls-icon" @click="liveRefresh" :src="baseUrl+'icon_refresh.png'"></cover-image> </cover-view> <cover-view class="u-flex u-flex-nowrap"> <!-- <cover-image class="ctrls-icon" @click="play" :src="baseUrl+'icon_comment.png'"></cover-image> --> <cover-image class="ctrls-icon" @click="()=>{this.isVolume=!this.isVolume}" :src="baseUrl+'icon_volume_'+(isVolume?'on.png':'off.png')"> </cover-image> <cover-image class="ctrls-icon fullIcon" @click="fullScreen" :src="baseUrl+'icon_full_'+(!isFull?'on.png':'off.png')"> </cover-image> </cover-view> </cover-view> </cover-view> </live-player> onLoad() { // 创建 liveplayercontext this.livePlayer = uni.createLivePlayerContext('live-player', this) // 隐藏控制条 setTimeout(() => {this.ctrlsShow = false;console.log(666)}, 5000); // this.ctrlsShow = false }, .full{ width: 100%; height: 100%; background: transparent; position: relative; .ctrls{ background-color: rgba(0,0,0,.5); width: 100vw; height: 30px; position: absolute; bottom: 0; padding: 0 10px; box-sizing: border-box; transition: 1s; -webkit-transition: 1s; .ctrls-icon{ width: 22px; height: 22px; margin-right: 15px; } .fullIcon{ margin-right: 0; } } .vertical-ctrls{ background-color: rgba(0,0,0,.5); width: 100vw; height: 50px; position: absolute; bottom: 0; padding: 0 30px; box-sizing: border-box; // transition: 1s; .ctrls-icon{ width: 30px; height: 30px; margin-right: 30px; } .fullIcon{ margin-right: 0; } } }
2020-05-25