本文主要包含app webview,webview不跳出app,webview,webview是什么,android webview等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
窗口动画时避免并发操作
并发操作抢占系统资源会影响窗口动画的流畅度，在窗口动画时应避免并发操作，如修改DOM属性、网络请求操作等。</div> </div> // 窗口动画的回调</div> webview.show('pop-in',200,function(){</div> // 窗口显示动画完成</div> });</div> </div> // 窗口事件</div> webview.addEventListener('show',function(){</div> // 窗口显示动画完成</div> },false);</div> </div> </div> 截屏加速动画（pop-*、zoom-*）
截屏可以大幅提升窗口动画的效率，但在复用窗口时会导致更新不及时的问题，此是可以在复用窗口隐藏时清空内容，如HelloH5应用中的doc.html:
// 处理窗口隐藏事件</div> ws=plus.webview.currentWebview();</div> ws.addEventListener('hide',function(){</div> nvtt.innerText=''; // 清空标题栏</div> wc.clear(); // 清空子窗口</div> wc.hide(); // 隐藏子窗口</div> },false);</div> </div> </div> 复用窗口预加载完成时截图
var bitmap = new plus.nativeObj.Bitmap("test"); template.addEventListener('loaded',function(){</div> template.draw(bitmap,function(){// 将webview内容绘制到Bitmap对象中</div> console.log('截屏绘制图片成功');</div> },function(e){</div> console.log('截屏绘制图片失败：'+JSON.stringify(e));</div> });</div> }, false);</div> 复用窗口显示时指定截图</div>
//窗口显示动画使用截图 template.show('pop-in', 200, null, {capture:bitmap})</div> </div>
并发操作抢占系统资源会影响窗口动画的流畅度，在窗口动画时应避免并发操作，如修改DOM属性、网络请求操作等。</div> </div> // 窗口动画的回调</div> webview.show('pop-in',200,function(){</div> // 窗口显示动画完成</div> });</div> </div> // 窗口事件</div> webview.addEventListener('show',function(){</div> // 窗口显示动画完成</div> },false);</div> </div> </div> 截屏加速动画（pop-*、zoom-*）
截屏可以大幅提升窗口动画的效率，但在复用窗口时会导致更新不及时的问题，此是可以在复用窗口隐藏时清空内容，如HelloH5应用中的doc.html:
// 处理窗口隐藏事件</div> ws=plus.webview.currentWebview();</div> ws.addEventListener('hide',function(){</div> nvtt.innerText=''; // 清空标题栏</div> wc.clear(); // 清空子窗口</div> wc.hide(); // 隐藏子窗口</div> },false);</div> </div> </div> 复用窗口预加载完成时截图
var bitmap = new plus.nativeObj.Bitmap("test"); template.addEventListener('loaded',function(){</div> template.draw(bitmap,function(){// 将webview内容绘制到Bitmap对象中</div> console.log('截屏绘制图片成功');</div> },function(e){</div> console.log('截屏绘制图片失败：'+JSON.stringify(e));</div> });</div> }, false);</div> 复用窗口显示时指定截图</div>
//窗口显示动画使用截图 template.show('pop-in', 200, null, {capture:bitmap})</div> </div>