# 一、第三方APP集成H5页面
# 1、问题:Android手机点击左上角返回按钮,没有关闭或者没有返回到指定页面,页面顺序混乱
原因: 致远的移动端H5应用使用浏览器标准接口popstate来监听页面的返回事件,但是Android手机系统自10以来,提升了安全系数,如果用户在当前页面无任何手动主动操作行为(比如滑一下页面,点击一下按钮等动作),此时直接点击第三方APP原生的返回按钮,手机系统会认为不是用户的主动行为,不会响应popstate事件,导致H5应用对页面路由处理不了,所以就导致了页面返回混乱
解决方案: 需要用户的APP监听到原生的返回按钮事件,由于是集成的致远的移动端H5应用,当用户点击原生返回按钮的时候,原生返回事件代码被触发,此时原生APP调用H5兼容性事件**cmp.event.trigger("popstate",window)**即可处理H5应用的返回事件,保证页面返回路由正常
原生代码调用示例:
//前提:Android原生客户端要监听原生的返回按钮
//第一步,设置调用H5页面js代码可行
webView.getSettings().setJavaScriptEnabled(true);
//第二步:使用原生的方式调用js接口
webview.loadUrl("javascript:try{cmp.event.trigger(\"popstate\",window)}catch(e){}"); //注意,一定要try catch避免代码出错报运行态错误信息
创建人:admin