今天要和大家分享一下wkwebview适配问题的一些知识。
1、微信iOS客户端将于2017年3月1日前逐步升级为WKWebview内核，需要网页开发者提前做好网站的兼容检查和适配;
2、iOS微信6.5.3版本开始支持开发者手动切换WKWebview和UIWebview，使开发者可提前对WKWebview进行适配。切换的方法在微信“添加朋友”中输入：switchweb，可进行WKWebview与UIWebview两者模式之间的转化
3、校验切换方法：
通过命令成功切换到WKWebview后，可通过以下方法验证当前网页使用的是否是WKWebview内核。
微信内任意入口进入任意网页，在网页加载成功后向下拉动页面(或点击网页右上角菜单按钮)，使之显示出地址栏，当地址栏以 “此网页由” 开头即为当前使用WKWebview，若以“网页由”则是使用的UIWebview。
4、变量判断
页面如何判断当前使用的webview内核：
在页面中可通过微信注入的window.__wxjs_is_wkwebview变量判断当前使用的webview内核。 iOS微信6.5.3及其之后的版本 window.__wxjs_is_wkwebview 为true时是使用WKWebview，为 false或者 “undefine”时是 UIWebview 。
5、页面通过LocalID预览图片
变化：
1.2.0以下版本的JSSDK不再支持通过使用chooseImage api返回的localld以如：”img src=wxLocalResource://50114659201332”的方式预览图片。
适配建议：
直接将JSSDK升级为1.2.0新版本即可帮助页面自动适配，但在部分场景下可能无效，此时可以使用getLocalImgData 接口来直接获取数据。
(注释：在wkwebview模式下会出现无法预览图片的现象，解决方法：首先将jweixin升级为1.2.0，若不能解决问题，则需要对getLocalImgData 进行适配调用)，具体办法
主要对ios进行适配，localData是图片的base64数据
if (!mui.os.ios) {
event.target.src = res.localIds[0];
// 支持低版本Android系统，延迟100ms执行上传
setTimeout(function() {
vm.uploadImageToWechat(index);
}, 100);
}else{
if (window.__wxjs_is_wkwebview) {
wx.getLocalImgData({
localId: res.localIds[0], // 图片的localID
success: function (res) {
var localData = res.localData; // localData是图片的base64数据，可以用img标签显示
event.target.src = localData;
}
});
} else {
event.target.src = res.localIds[0];
}
vm.uploadImageToWechat(index);
}
以上就是关于wkwebview适配问题的一些知识，更多Android开发技术文章，请持续关注我们。
热点新闻
