APP每次改动都需要重新审核上架,给终端用户带来更新困扰。难以适应日益变更的市场策略。
部分变动频繁的移动端业务应该采用Html5嵌入app实现不断更新。
HTML5 业务完成后:比如签到成功了,需要告知移动端:"签到成功"事件。JS如下
正则表达式判断当前设备属性,如果是iphone客户端:则触发一次网络请求,ios代码在在网页发出前拦截到该地址
//js获取浏览器设备属性 判断设备来源
var browserName=navigator.userAgent.toLowerCase();
if(/iphone/i.test(browserName)){
//alert("apple客户端---->>");
var url = "http://www.apple.com";
window.location.href = url;
return;
}else{
window.local_obj.showSource(1);
}
android端: 通过 @JavascriptInterface获取H5 JS传过来的参数
/**
* 自定义的Android代码和JavaScript代码之间的桥梁类
*
* @author 1
*
*/
public class WebAppInterface
{
Context mContext;
/** Instantiate the interface and set the context */
WebAppInterface(Context c)
{
mContext = c;
}
/** Show a toast from the web page */
@JavascriptInterface
public void showSource(int toast){
Logs.v("mickey", "------showSource------toast:" + toast);
Message msg = new Message();
msg.what = SIGN_IN;
msg.obj = toast;
handler.sendMessage(msg);
}
}
IOS端: